首页 / JAVASCRIPT / javascript options属性集合操作代码

javascript options属性集合操作代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript options属性集合操作代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1023字，纯文字阅读大概需要2分钟。

内容图文

代码如下:

<form name="testform"> 
<select name="testselect"> 
<option value="first">first option</option> 
<option value="second">second option</option> 
<option value="third">third option</option> 
<option>your browser can't handle this script</option> 
</select> 
</form> 
 
用下面的代码可以访问到下拉框中选项： 
 代码如下:

// 得到选项对象 
document.forms['testform'].testselect.options[i] 
 
如果你想删除option 
 代码如下:

document.forms['testform'].testselect.options[i] = null; 
 
把这个选项对象标志为null，这个选项就完全从列表中删除了。 
注意：这个操作会影响option的数量。假设在上面的实例中，你删除了option[1] ，原来的option[2] 元素('Third option')会变成option[1] 元素（option元素按照先后顺序顶上去）。 
创建一个新的option，如下： 
 代码如下:

document.forms['testform'].testselect.options[i] = new Option('new text','new value'); 
 
用户在页面中看到option显示的文本和value值是这个option的VALUE 属性。 
当表单提交时，VALUE 值传递到WEB服务器。 
如果想要全部清空 select box 中的options, 如下： 
 代码如下:

document.forms['testform'].testselect.option.length = 0;

内容总结

以上是互联网集市为您收集整理的javascript options属性集合操作代码全部内容，希望文章能够帮你解决javascript options属性集合操作代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/372215.html

来源：【匿名】