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 相关文章推荐
使用jQuery validate 验证注册表单实例演示
Mar 25 Javascript
JS 页面计时器示例代码
Oct 28 Javascript
jQuery常用且重要方法汇总
Jul 13 Javascript
Javascript设计模式之观察者模式(推荐)
Mar 29 Javascript
JavaScript实现复制内容到粘贴板代码
Mar 31 Javascript
深入浅析JavaScript函数前面的加号和叹号
Jul 09 Javascript
js滚轮事件兼容性问题需要注意哪些
Nov 15 Javascript
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例
Dec 06 Javascript
JavaScript之promise_动力节点Java学院整理
Jul 03 Javascript
Vue.js实现备忘录功能
Jun 26 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
Aug 21 Javascript
vue.js Router中嵌套路由的实用示例
Jun 27 Vue.js
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 验证码的实现代码
2011/07/17 PHP
PHP图片处理之图片旋转和图片翻转实例
2014/11/19 PHP
PHP程序员必须清楚的问题汇总
2014/12/18 PHP
PHP实现单条sql执行多个数据的insert语句方法
2019/10/11 PHP
070823更新的一个[消息提示框]组件 兼容ie7
2007/08/29 Javascript
jquery数组过滤筛选方法grep()简介
2014/06/06 Javascript
JavaScript在网页中画圆的函数arc使用方法
2015/11/13 Javascript
js随机生成26个大小写字母
2016/02/12 Javascript
JavaScript动态生成二维码图片
2016/04/20 Javascript
浅谈javascript中的constructor
2016/06/08 Javascript
JS实现保留n位小数的四舍五入问题示例
2016/08/03 Javascript
jQuery Ztree行政地区树状展示(点击加载)
2016/11/09 Javascript
nodejs基础知识
2017/02/03 NodeJs
原生js更改css样式的两种方式
2017/03/15 Javascript
AngularJS之ionic 框架下实现 Localstorage本地存储
2017/04/22 Javascript
Express本地测试HTTPS的示例代码
2018/06/06 Javascript
React中使用async validator进行表单验证的实例代码
2018/08/17 Javascript
javascript实现小型区块链功能
2019/04/03 Javascript
jQuery实现弹幕特效
2019/11/29 jQuery
卸载vue2.0并升级vue_cli3.0的实例讲解
2020/02/16 Javascript
手写Vue源码之数据劫持示例详解
2021/01/04 Vue.js
python basemap 画出经纬度并标定的实例
2019/07/09 Python
使用keras框架cnn+ctc_loss识别不定长字符图片操作
2020/06/29 Python
遮罩层 + Iframe实现界面自动显示的示例代码
2020/04/26 HTML / CSS
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
高品质和独特的产品世界:Creations and Collections
2018/01/07 全球购物
如何查找网页漏洞
2016/06/22 面试题
小学教师师德演讲稿
2014/05/06 职场文书
经典团队口号
2014/06/06 职场文书
销售2014年度工作总结
2014/12/08 职场文书
硕士学位论文评语
2014/12/31 职场文书
2016自主招生教师推荐信范文
2015/03/23 职场文书
python unittest单元测试的步骤分析
2021/08/02 Python
MySQL约束超详解
2021/09/04 MySQL
IDEA2021.2配置docker如何将springboot项目打成镜像一键发布部署
2021/09/25 Java/Android
Java 异步任务计算FutureTask
2022/04/28 Java/Android