HTML的Select对象如何进行Option对象的操作

本篇文章给大家带来的内容是关于HTML的Select对象如何进行Option对象的操作，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

select 对象其实是一个包含 option 对象数组的复合对象。

select 对象

select 对象最重要的属性是 selectedIndex，即当前被选中的框中的文本的索引值

用法为：

formObject.selectName.selectedIndex

option 对象

创建一个 option 对象，即在 标签中创建一个或多个 文本

var a = document.getElementById("ID值");
a.options = new Option("文本", "值");

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对象的操作的详细内容，更多请关注php中文网其它相关文章！