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 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
基于jquery的回到页面顶部按钮
Jun 27 Javascript
js中判断数字\字母\中文的正则表达式 (实例)
Jun 29 Javascript
js中的json对象详细介绍
Oct 29 Javascript
jQuery实现简单滚动动画效果
Apr 07 Javascript
JSON格式的时间/Date(2367828670431)/格式转为正常的年-月-日 格式的代码
Jul 27 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
May 17 jQuery
微信小程序实现页面跳转传值以及获取值的方法分析
Dec 18 Javascript
在vue项目中,使用axios跨域处理
Mar 07 Javascript
使用mixins实现elementUI表单全局验证的解决方法
Apr 02 Javascript
JS FormData对象使用方法实例详解
Feb 12 Javascript
es6数组includes()用法实例分析
Apr 18 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 ci框架验证码实例分析
2013/06/26 PHP
codeigniter中测试通过的分页类示例
2014/04/17 PHP
WordPress中限制非管理员用户在文章后只能评论一次
2015/12/31 PHP
用js计算页面执行时间的函数
2006/12/07 Javascript
解析Jquery的LigerUI如何实现文件上传
2013/07/09 Javascript
javascript中怎么做对象的类型判断
2013/11/11 Javascript
alert出数组中的随即值代码
2014/09/25 Javascript
jQuery网页选项卡插件rTabs用法实例分析
2015/08/26 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
2015/09/16 Javascript
Flow之一个新的Javascript静态类型检查器
2015/12/21 Javascript
前端jquery部分很精彩
2016/05/03 Javascript
js制作支付倒计时页面
2016/10/21 Javascript
vue.js获取数据库数据实例代码
2017/05/26 Javascript
nodejs利用ajax实现网页无刷新上传图片实例代码
2017/06/06 NodeJs
2种简单的js倒计时方式
2017/10/20 Javascript
使用bootstrap实现下拉框搜索功能的实例讲解
2018/08/10 Javascript
JS与jQuery判断文本框还剩多少字符可以输入的方法
2018/09/01 jQuery
vscode下的vue文件格式化问题
2018/11/28 Javascript
解决layui动态加载复选框无法选中的问题
2019/09/20 Javascript
element-ui如何防止重复提交的方法步骤
2019/12/09 Javascript
JS中的继承操作实例总结
2020/06/06 Javascript
Nest.js环境变量配置与序列化详解
2021/02/21 Javascript
[06:07]辉夜杯现场观众互动 “比谁远送显示器”
2015/12/26 DOTA
Pytorch maxpool的ceil_mode用法
2020/02/18 Python
python re.match()用法相关示例
2021/01/27 Python
python 列表推导和生成器表达式的使用
2021/02/01 Python
在HTML5中使用MathML数学公式的简单讲解
2016/02/19 HTML / CSS
标准毕业生自荐信范文
2013/11/04 职场文书
高中毕业自我评价
2014/02/08 职场文书
毕业生自荐信如何写
2014/03/24 职场文书
出租房屋协议书
2014/09/14 职场文书
领导班子党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
2014年党的群众路线学习心得体会
2014/11/05 职场文书
围城读书笔记
2015/06/26 职场文书
小学运动会加油词
2015/07/18 职场文书
Mysql存储过程、触发器、事件调度器使用入门指南
2022/01/22 MySQL