本文摘自PHP中文网,作者不言,侵删。
本篇文章给大家带来的内容是关于HTML的Select对象如何进行Option对象的操作,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
select 对象其实是一个包含 option 对象数组的复合对象。
select 对象
select 对象最重要的属性是 selectedIndex,即当前被选中的框中的文本的索引值
用法为:
1 |
|
option 对象
创建一个 option 对象,即在 标签中创建一个或多个 文本
1 2 |
|
options 是个数组,里面可以存放多个 文本 这样的标签
option 对象的方法:
增加一个 标签: obj.options.add(new Option(“文本”, “值”))
删除一个 标签: obj.options.remove(obj.selectedIndex)
获得一个 标签的文本: obj.options[obj.selectedIndex].text
获得一个 标签的值: obj.options[obj.selectedIndex].value
修改一个 标签的值: obj.options[obj.selectedIndex] = new Option(“新文本”, “新值”)
删除所有 标签: obj.options.length = 0
注意:obj.option 中的 option 不需要大写, new Option 中的 Option 需要大写
相关文章推荐:
html5自定义属性:如何获取自定义属性值(附代码)
HTML表单的工作原理(图文)
HTML中更换或添加网站背景图片的代码怎么写?(示例)
以上就是HTML的Select对象如何进行Option对象的操作的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
在Html中disabled与readonly的有什么不同之处?
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者