HTML中Select对象进行Option对象的操作介绍-创新互联
这篇文章主要为大家详细介绍了HTML中Select对象进行Option对象的具体操作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
创新互联公司是专业的青田网站建设公司,青田接单;提供成都做网站、成都网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行青田网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!select 对象其实是一个包含 option 对象数组的复合对象。
select 对象select 对象最重要的属性是 selectedIndex,即当前被选中的框中的文本的索引值
用法为:
formObject.selectName.selectedIndexoption 对象
创建一个 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 需要大写
关于HTML中Select对象进行Option对象的操作介绍就分享到这里了,希望以上内容可以对大家有一定的参考价值,可以学以致用。如果喜欢本篇文章,不妨把它分享出去让更多的人看到。
分享标题:HTML中Select对象进行Option对象的操作介绍-创新互联
文章地址:http://azwzsj.com/article/cdhici.html