javascript options属性集合操作代码


Posted in Javascript onDecember 28, 2009
<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 相关文章推荐
网页里控制图片大小的相关代码
Jun 13 Javascript
javascript控制frame,iframe的src属性代码
Dec 31 Javascript
兼容IE与firefox火狐的回车事件(js与jquery)
Oct 20 Javascript
Jquery命名冲突解决的五种方案分享
Mar 16 Javascript
javascript使用中为什么10..toString()正常而10.toString()出错呢
Jan 11 Javascript
JavaScript中的noscript元素属性位置及作用介绍
Apr 11 Javascript
jsPDF导出pdf示例
May 02 Javascript
深入理解javascript严格模式(Strict Mode)
Nov 28 Javascript
javascript中replace( )方法的使用
Apr 24 Javascript
jquery预加载图片的方法
May 27 Javascript
HTML Table 空白单元格补全的简单实现
Oct 13 Javascript
vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
May 28 Javascript
javascript 动态调整图片尺寸实现代码
Dec 28 #Javascript
jquery $(document).ready() 与window.onload的区别
Dec 28 #Javascript
jQuery的强大选择器小结
Dec 27 #Javascript
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
Dec 27 #Javascript
JavaScript 拾漏补遗
Dec 27 #Javascript
js 实现无干扰阴影效果 简单好用(附文件下载)
Dec 27 #Javascript
向大师们学习Javascript(视频与PPT)
Dec 27 #Javascript
You might like
PHP实现获取域名的方法小结
2014/11/05 PHP
PHP判断手机是IOS还是Android
2015/12/09 PHP
PHP下使用mysqli的函数连接mysql出现warning: mysqli::real_connect(): (hy000/1040): ...
2016/02/14 PHP
PHP二维关联数组的遍历方式(实例讲解)
2017/10/18 PHP
jQuery on方法传递参数示例
2014/12/09 Javascript
Javascript页面跳转常见实现方式汇总
2015/11/28 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
2015/12/03 Javascript
浅析Javascript ES6新增值比较函数Object.is
2016/08/24 Javascript
jQuery实现限制文本框的输入长度
2017/01/11 Javascript
JavaScrip关于创建常量的知识点
2017/12/07 Javascript
Vue 实例事件简单示例
2019/09/19 Javascript
vue实现表单录入小案例
2019/09/27 Javascript
JavaScript 链表定义与使用方法示例
2020/04/28 Javascript
vue通过过滤器实现数据格式化
2020/07/20 Javascript
[00:36]DOTA2风云人物相约完美“圣”典 12月17日不见不散
2016/11/30 DOTA
[48:30]LGD vs infamous Supermajor小组赛D组 BO3 第一场 6.3
2018/06/04 DOTA
使用Python脚本操作MongoDB的教程
2015/04/16 Python
在python的类中动态添加属性与生成对象
2016/09/17 Python
Python中将字典转换为列表的方法
2016/09/21 Python
Python利用operator模块实现对象的多级排序详解
2017/05/09 Python
python使用itchat库实现微信机器人(好友聊天、群聊天)
2018/01/04 Python
python增加矩阵维度的实例讲解
2018/04/04 Python
django rest framework 数据的查找、过滤、排序的示例
2018/06/25 Python
python 同时运行多个程序的实例
2019/01/07 Python
Python中查看变量的类型内存地址所占字节的大小
2019/06/26 Python
python list转置和前后反转的例子
2019/08/26 Python
python模块hashlib(加密服务)知识点讲解
2019/11/25 Python
python实现爱奇艺登陆密码RSA加密的方法示例详解
2020/05/27 Python
什么是虚拟内存?虚拟内存有什么优势?
2012/02/19 面试题
应聘文员自荐信范文
2014/03/11 职场文书
小学生竞选班干部演讲稿
2014/04/24 职场文书
主题教育活动总结
2014/05/05 职场文书
信息工作经验交流材料
2014/05/28 职场文书
2014领导干部学习焦裕禄同志先进事迹思想汇报
2014/09/19 职场文书
出国留学导师推荐信
2015/03/26 职场文书
社区结对共建协议书
2016/03/23 职场文书