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 相关文章推荐
理解JavaScript中的事件
Sep 23 Javascript
document.getElementById为空或不是对象的解决方法
Jan 24 Javascript
firefox下jquery ajax返回object XMLDocument处理方法
Jan 26 Javascript
使用jQuery操作HTML的table表格的实例解析
Mar 13 Javascript
jQuery基本过滤选择器用法示例
Sep 09 Javascript
解析vue中的$mount
Dec 21 Javascript
使用ajax的post同步执行(实现方法)
Dec 21 Javascript
Vue波纹按钮组件制作
Apr 30 Javascript
详解Vue单元测试case写法
May 24 Javascript
webpack4之SplitChunksPlugin使用指南
Jun 12 Javascript
基于vue中对鼠标划过事件的处理方式详解
Aug 22 Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 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获取服务器时间的实现代码
2013/06/07 PHP
PHP截取指定图片大小的方法
2014/12/10 PHP
详解PHP归并排序的实现
2016/10/18 PHP
javascript 对表格的行和列都能加亮显示
2008/12/26 Javascript
Mootools 1.2教程(3) 数组使用简介
2009/09/14 Javascript
使用js检测浏览器的实现代码
2013/05/14 Javascript
JS延时器提示框的应用实例代码解析
2016/04/27 Javascript
js获取Html元素的实际宽度高度的方法
2016/05/19 Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
2016/06/24 Javascript
JavaScript的字符串方法汇总
2016/07/31 Javascript
JS中substring与substr的用法
2016/11/16 Javascript
详解springmvc 接收json对象的两种方式
2016/12/06 Javascript
JS和canvas实现俄罗斯方块
2017/03/14 Javascript
Node使用Sequlize连接Mysql报错:Access denied for user ‘xxx’@‘localhost’
2018/01/03 Javascript
webpack中的热刷新与热加载的区别
2018/04/09 Javascript
Vue 去除路径中的#号
2018/04/19 Javascript
详解vue-property-decorator使用手册
2019/07/29 Javascript
原生JavaScript实现的无缝滚动功能详解
2020/01/17 Javascript
详解Python使用simplejson模块解析JSON的方法
2016/03/24 Python
python使用BeautifulSoup与正则表达式爬取时光网不同地区top100电影并对比
2019/04/15 Python
Python 3.8新特征之asyncio REPL
2019/05/28 Python
python取均匀不重复的随机数方式
2019/11/27 Python
python实现自动清理重复文件
2020/08/24 Python
selenium+headless chrome爬虫的实现示例
2021/01/08 Python
GoDaddy英国:全球排名第一的域名注册商
2018/06/08 全球购物
台湾三立电视电商平台:电电购
2019/09/09 全球购物
NYX Professional Makeup英国官网:美国平价专业彩妆品牌
2019/11/13 全球购物
描述内存分配方式以及它们的区别
2016/10/15 面试题
Prototype中如何为一个元素添加一个方法
2014/12/08 面试题
数学专业推荐信范文
2013/11/21 职场文书
自荐信如何制作?
2014/02/21 职场文书
群众路线教育实践活动心得体会(四风)
2014/11/03 职场文书
2014年内部审计工作总结
2014/12/09 职场文书
争先创优个人总结
2015/03/04 职场文书
基层组织建设年活动总结
2015/05/09 职场文书
教你使用TensorFlow2识别验证码
2021/06/11 Python