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


本文摘自PHP中文网,作者不言,侵删。

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

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

select 对象

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

用法为:

1

formObject.selectName.selectedIndex

option 对象

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

1

2

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对象的操作的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html中span是什么意思

Html取消滚动条的方法

Html background 背景图片平铺充满整个页面

Html如何设置标题

Html header标签和footer标签区别的两点总结(附元素区别实例)

Html 简介

Html怎么取消滚动条

Html中,如何用style添加属性

Html超级链接a的click事件之后跳转href所指向的地址

Html实现海康摄像头实时监控功能_Html/xHtml_网页制作

更多相关阅读请进入《Html》频道 >>




JavaScript 从入门到项目实践
书籍

JavaScript 从入门到项目实践

清华大学出版社

本书采取“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深,由深到精”的学习模式进行讲解。全书共35章,不仅介绍了HTML、CSS、对象、函数、事件等JavaScript语言的基础知识,而且深入介绍了jQuery、客户端、服务器端、数据存储等核心技术。



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...