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实现日历控件(年月日关闭按钮)
Dec 12 Javascript
javascript ready和load事件的区别示例介绍
Aug 30 Javascript
jquery实现网页查找功能示例分享
Feb 12 Javascript
JS创建类和对象的两种不同方式
Aug 08 Javascript
jQuery实现的感应鼠标悬停图片色彩渐显效果
Mar 03 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
Mar 26 Javascript
JavaScript获取表单内所有元素值的方法
Apr 02 Javascript
JavaScript中的Math.LN2属性用法详解
Jun 12 Javascript
jQuery实现选项联动轮播效果【附实例】
Apr 19 Javascript
js判断手机号是否正确并返回的实现代码
Jan 17 Javascript
uniapp,微信小程序中使用 MQTT的问题
Jul 11 Javascript
jquery实现简单自动轮播图效果
Jul 29 jQuery
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
为了这两部电子管收音机,买了6套全新电子管和10粒刻度盘灯泡
2021/03/02 无线电
php如何获取文件的扩展名
2015/10/28 PHP
谈谈你对Zend SAPIs(Zend SAPI Internals)的理解
2015/11/10 PHP
PHP Imagick完美实现图片裁切、生成缩略图、添加水印
2016/02/22 PHP
thinkphp3.x中session方法的用法分析
2016/05/20 PHP
PHP回调函数概念与用法实例分析
2017/11/03 PHP
Laravel5.4简单实现app接口Api Token认证方法
2019/08/29 PHP
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
2009/04/10 Javascript
基于Jquery实现的一个图片滚动切换
2012/06/21 Javascript
去掉gridPanel表头全选框的小例子
2013/07/18 Javascript
jQuery怎么解析Json字符串(Json格式/Json对象)
2013/08/09 Javascript
jquery解析xml字符串简单示例
2014/04/11 Javascript
jquery的ajax跨域请求原理和示例
2014/05/08 Javascript
Jquery解析Json格式数据过程代码
2014/10/17 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
AngularJS ionic手势事件的使用总结
2017/08/09 Javascript
jQuery NProgress.js加载进度插件的简单使用方法
2018/01/31 jQuery
Vue使用高德地图搭建实时公交应用功能(地图 + 附近站点+线路详情 + 输入提示+换乘详情)
2018/05/16 Javascript
vue-cli2打包前和打包后的css前缀不一致的问题解决
2018/08/24 Javascript
Vue实现表格中对数据进行转换、处理的方法
2018/09/06 Javascript
JavaScript实现选项卡效果的分析及步骤
2019/04/16 Javascript
[02:15]2015国际邀请赛选手档案IG.Ferrari 430
2015/07/30 DOTA
python实现简单的socket server实例
2015/04/29 Python
Python调用微信公众平台接口操作示例
2017/07/08 Python
django_orm查询性能优化方法
2018/08/20 Python
python中使用zip函数出现错误的原因
2018/09/28 Python
Python使用pydub库对mp3与wav格式进行互转的方法
2019/01/10 Python
Django中的cookie和session
2019/08/27 Python
Python中zip函数如何使用
2020/06/04 Python
DJI大疆德国官方商城:大疆无人机
2018/09/01 全球购物
就业推荐自我鉴定
2013/10/06 职场文书
管理部部长岗位职责
2013/12/05 职场文书
20年同学聚会邀请函
2014/02/04 职场文书
远程网络教育毕业生自我鉴定
2014/04/14 职场文书
社区党务工作总结2015
2015/05/19 职场文书
2019入党申请书范文3篇
2019/08/21 职场文书