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中更换或添加网站背景图片的代码怎么写？（示例）

Atas ialah kandungan terperinci HTML的Select对象如何进行Option对象的操作. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!