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 相关文章推荐
jQuery1.6 正式版发布并提供下载
May 05 Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
Jan 07 Javascript
JS对HTML表格进行增删改操作
Aug 22 Javascript
js获取当前周、上一周、下一周日期
Mar 19 Javascript
js评分组件使用详解
Jun 06 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
Mar 03 Javascript
利用Decorator如何控制Koa路由详解
Jun 26 Javascript
解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题
Aug 30 Javascript
js中Array对象的常用遍历方法详解
Jan 17 Javascript
JavaScript实现的九种排序算法
Mar 04 Javascript
解决vue中axios设置超时(超过5分钟)没反应的问题
Sep 04 Javascript
JS如何实现基于websocket的多端桥接平台
May 14 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获得当前的脚本网址
2007/12/10 PHP
php dirname(__FILE__) 获取当前文件的绝对路径
2011/06/28 PHP
驱动事件的addEvent.js代码
2007/03/27 Javascript
js 如何实现对数据库的增删改查
2012/11/23 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
2014/06/24 Javascript
原生JavaScript实现Tooltip浮动提示框特效
2017/03/07 Javascript
nodejs中sleep功能实现暂停几秒的方法
2017/07/12 NodeJs
js 奇葩技巧之隐藏代码
2017/08/11 Javascript
详解微信小程序Page中data数据操作和函数调用
2017/09/27 Javascript
解决Vue中mounted钩子函数获取节点高度出错问题
2018/05/18 Javascript
浅谈vue首屏加载优化
2018/06/28 Javascript
React 项目迁移 Webpack Babel7的实现
2018/09/12 Javascript
vue.js实现备忘录demo
2019/06/26 Javascript
[47:43]Alliance vs KG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
python实现Floyd算法
2018/01/03 Python
python爬虫中get和post方法介绍以及cookie作用
2018/02/08 Python
Python带动态参数功能的sqlite工具类
2018/05/26 Python
python hook监听事件详解
2018/10/25 Python
Python线性拟合实现函数与用法示例
2018/12/13 Python
详解Python中的编码问题(encoding与decode、str与bytes)
2020/09/30 Python
HTML5 embed标签定义和用法详解
2014/05/09 HTML / CSS
Application Cache未缓存文件无法访问无法加载问题
2014/05/31 HTML / CSS
移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法
2015/03/27 HTML / CSS
世界上最大的售后摩托车零配件超市:J&P Cycles
2017/12/08 全球购物
Space NK英国站:英国热门美妆网站
2017/12/11 全球购物
英国著名的美容护肤和护发产品购物网站:Lookfantastic
2020/11/23 全球购物
线程的基本概念、线程的基本状态以及状态之间的关系
2012/10/26 面试题
后勤人员自我评价怎么写
2013/09/19 职场文书
报关员个人职业生涯规划书
2014/03/12 职场文书
县政府班子个人对照检查材料
2014/10/05 职场文书
台风停课通知
2015/04/24 职场文书
趣味运动会加油词
2015/07/18 职场文书
MySQL基础(二)
2021/04/05 MySQL
浅谈JavaScript浅拷贝和深拷贝
2021/11/07 Javascript
mysql 8.0.27 绿色解压版安装教程及配置方法
2022/04/20 MySQL
delete in子查询不走索引问题分析
2022/07/07 MySQL