当前位置:首页 > 生活百科

js弹出选择对话框(js中confirm自定义按钮文字)

栏目:生活百科日期:2025-01-02浏览:0

选择框是通过&<select&>和&<option&>元素创建的,除了通用的一些属性外,HTMLSelectElement类型还提供了如下的属性和方法:

在DOM中,每个&<option&>元素都有一个HTMLOptionElement对象,以便访问数据,这个对象有如下一些属性:

选择框里的type属性有可能是:select-one,也有可能是:select-multiple,这取决于HTML代码中有没有multiple属性。

操作select时,最好使用HTML DOM,因为所有浏览器兼容很好。

当选择没有value值的时候,IE会返回空字符串,其他浏览器会返回text值。

选择选项:

对于只能选择一项的选择框,使用selectedIndex属性最为简单。

如果是多项选择,它始终返回的是第一个项。

通过option的属性(布尔值),也可以设置某个索引,设置为true即可。

而selected和selectedIndex在用途上最大的区别是:selected是返回布尔值,所以一般用于判断上;而selectedIndex是数值,一般用于设置和获取。

添加选项:

需要动态添加选项有两种方案:DOM和Option构造函数。

使用Option构造函数创建:

使用add()方法来添加选项:

在DOM规定,add()中两个参数是必须的,如果不确定索引,那么第二个参数设置null即可,即默认移入最后一个选项。但IE中规定第二个参数是可选的,所以设置null表示放入不存在的位置,导致失效,为了兼容,我们传递undefined即可兼容。

移出选项:

有三种方法可以移出某一个选项:DOM移出、remove()、null移出。

当第一项移出后,下面的项会往上顶,所以不停的移除第一项,即可全部移除。

移动选项:

如果有两个选择框,把第一个选择框里的第一项移到第二个选择框里,并且第一个选择框里的第一项被移出。

排列选项:

选择框里提供了一个index属性,可以得到当前选项的索引值,和selectedIndex的区别是,一个是选择框对象的调用,一个选项对象的调用。

单选按钮:

通过checked属性来获取单选按钮的值。

除了checked属性之外,单选按钮还有一个defaultChecked属性,它获取的是原本的checked按钮对象,而不会因为checked的改变而改变。

复选框按钮:

通过checked属性来获取复选框按钮的值。它同样也具有defaultChecked属性。

“js弹出选择对话框(js中confirm自定义按钮文字)” 的相关文章

中国有哪些世界文化遗产,盘点惊艳全世界的十大著名文化

我们曾经是多么向往国外的美景事物,可是你又何尝试过仔细欣赏过自己国家的一草一木、一景一色呢?或许每当我们说起出国旅行,总是忽略我们国家那些曾经喜爱的美景(却没有...

rar怎么转换成zip格式(rar转换成zip格式的方法)

winrar官方免费版是一款功能强大的解压缩软件,众所周知,该类型软件非常的多,但小编这里带来的winrar绝对是普及最广,受用的大众比较多的一款软件了,也是档...

seo内链优化方式(大型网站内页优化秘籍)

随着各大搜索引擎算法不断改进,SEO优化中外链的效用要远远小于内链的作用。相对于外链地位的下降,目前内链的作用可以说是扶摇直上。即使内链在布局上对于外链来说较于...

a3折页尺寸到底多大(a3三折页尺寸分解图)

一、画册基础知识画册设计一般要遵循主题明确、富有创意、简单明了、版面布局合理的原则1、主题明确:画册的主题要以用户为中心,其所阐述的关于企业的内容要迎合目标用户...

如何进行seo推广,seo的五个步骤

SEO并不是简单的几个秘诀或几个建议,而是一项需要足够耐心和细致的脑力劳动。那SEO小白怎么入手呢?济南优就业IT培训的小编通过以下六个环节告诉你:1、关键词分...

三星7寸手机有哪些(三星7寸手机几种型号)

2019年三星推出了升降翻转镜头相机GalaxyA80,那一年安卓手机都在玩“升降”,虽然看上去很酷炫,但随后这一方案被各大厂商放弃,如今三星似乎又要重新拾起“...

微信申请电动车牌照流程(手把手教你在网上申请电动车牌

你的电动自行车登记挂牌了吗?告诉大家一个好消息,张店的市民不用到车管部门就能给电动车挂牌了!为更好地推动电动自行车挂牌工作,方便市民短期内尽快办理,最近一段时间...

哺乳背心什么牌子好(实用又舒适的两款哺乳背心)

俗话说得好,只有买错的,没有卖错的。站在消费弱势群体的买方(私以为),买东西,除了小算盘得打得噼啪作响外,也得善于挖掘各种测评PK。想买哺乳内衣?简单点,看懂哺...

华为手机如何省电设置方法(华为手机省电的5个设置技巧)

身边的小伙伴,都在说华为手机一天需要充几次电,小编是一万个不同意的!!只要你关闭下面几个设置,手机就可以一天一充,接下来就带各位一探究竟!一、基础操作1.锁屏清...

wifi分享密码怎么看(免费wifi一键连接的步骤)

当我们用小米手机连接上wifi之后,时间一长经常会忘记wifi的密码。这时我们就可以通过扫码来查看wifi密码还可以分享给小伙伴。本期就一起看看分享wifi密码...