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代码
May 09 Javascript
jQuery.uploadify文件上传组件实例讲解
Sep 23 Javascript
jQuery实现在新增加的元素上添加事件方法案例分析
Feb 09 Javascript
Angular2利用组件与指令实现图片轮播组件
Mar 27 Javascript
js实现按座位号抽奖
Apr 05 Javascript
JavaScript中undefined和null的区别
May 03 Javascript
vue多页面开发和打包正确处理方法
Apr 20 Javascript
微信小程序之多列表的显示和隐藏功能【附源码】
Aug 06 Javascript
JavaScript面向对象继承原理与实现方法分析
Aug 09 Javascript
详解Vue 换肤方案验证
Aug 28 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
Dec 02 Javascript
在vue项目实现一个ctrl+f的搜索功能
Feb 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
模仿OSO的论坛(一)
2006/10/09 PHP
表格展示无限级分类(PHP版)
2012/08/21 PHP
php switch语句多个值匹配同一代码块的实现
2014/03/03 PHP
php实现SAE上使用storage上传与下载文件的方法
2015/06/29 PHP
PHP二维数组去重算法
2016/12/17 PHP
PHP实现负载均衡的加权轮询方法分析
2018/08/22 PHP
详解php命令注入攻击
2019/04/06 PHP
JavaScript Event学习第十一章 按键的检测
2010/02/10 Javascript
动感效果的TAB选项卡jquery 插件
2011/07/09 Javascript
ExtJS如何设置与获取radio控件的选取状态
2014/01/22 Javascript
jQuery判断浏览器并动态调整select宽度的方法
2016/03/02 Javascript
Bootstrap每天必学之日期控制
2016/03/07 Javascript
简单封装js的dom查询实例代码
2016/07/08 Javascript
jQuery内容过滤选择器用法示例
2016/09/09 Javascript
NodeJS创建最简单的HTTP服务器
2017/05/15 NodeJs
Angular.js前台传list数组由后台spring MVC接收数组示例代码
2017/07/31 Javascript
iview给radio按钮组件加点击事件的实例
2017/09/30 Javascript
JavaScript代码执行的先后顺序问题
2017/10/29 Javascript
Angular2学习笔记之数据绑定的示例代码
2018/01/03 Javascript
jquery的 filter()方法使用教程
2018/03/22 jQuery
vue.js实现标签页切换效果
2018/06/07 Javascript
微信小程序中的列表切换功能实例代码详解
2020/06/09 Javascript
Javascript如何实现扩充基本类型
2020/08/26 Javascript
Python中join和split用法实例
2015/04/14 Python
python妙用之编码的转换详解
2017/04/21 Python
wxPython的安装图文教程(Windows)
2017/12/28 Python
python 重定向获取真实url的方法
2018/05/11 Python
Python实现处理逆波兰表达式示例
2018/07/30 Python
pandas 根据列的值选取所有行的示例
2018/11/07 Python
python实现图片插入文字
2019/11/26 Python
Python面向对象原理与基础语法详解
2020/01/02 Python
Harman Audio官方商店:购买JBL、Harman Kardon、Infinity和AKG
2019/12/05 全球购物
财务学生的职业生涯发展
2014/02/11 职场文书
男方家长婚礼致辞
2015/07/27 职场文书
会计岗位工作总结
2015/08/12 职场文书
教你使用RustDesk 搭建一个自己的远程桌面中继服务器
2022/08/14 Servers