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 需要大写

关于HTML中Select对象进行Option对象的操作介绍就分享到这里了,希望以上内容可以对大家有一定的参考价值,可以学以致用。如果喜欢本篇文章,不妨把它分享出去让更多的人看到。


分享题目:HTML中Select对象进行Option对象的操作介绍
文章分享:http://bzwzjz.com/article/pcceis.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 重庆企业网站建设 响应式网站设计方案 成都商城网站建设 成都网站设计 网站设计 成都营销网站制作 泸州网站建设 响应式网站设计 营销型网站建设 成都网站制作 移动手机网站制作 专业网站设计 自适应网站建设 梓潼网站设计 手机网站建设 网站制作 营销网站建设 定制网站设计 成都网站建设 高端网站设计 成都网站建设 成都定制网站建设