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 相关文章推荐
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 Javascript
举例详解Python中smtplib模块处理电子邮件的使用
Jun 24 Javascript
JS跨域交互(jQuery+php)之jsonp使用心得
Jul 01 Javascript
js的各种排序算法实现(总结)
Jul 23 Javascript
jquery实现(textarea)placeholder自动换行
Dec 22 Javascript
详解基于angular路由的requireJs按需加载js
Jan 20 Javascript
详解jQuery中关于Ajax的几个常用的函数
Jul 17 jQuery
移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)
Aug 29 Javascript
vue.js中toast用法及使用toast弹框的实例代码
Aug 27 Javascript
Javascript实现一朵从含苞到绽放的玫瑰
Mar 30 Javascript
Angular之jwt令牌身份验证的实现
Feb 14 Javascript
JS面向对象编程实现的拖拽功能案例详解
Mar 03 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
后宫无数却洁身自好的男主,唐三只爱小舞
2020/03/02 国漫
PHP版自动生成文章摘要
2008/07/23 PHP
PHP判断文章里是否有图片的简单方法
2014/07/26 PHP
php实现转换ubb代码的方法
2015/06/18 PHP
让FireFox支持innerText的实现代码
2009/12/01 Javascript
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
2010/07/29 Javascript
js脚本实现数据去重
2014/11/27 Javascript
基于jQuery实现返回顶部实例代码
2016/01/01 Javascript
JavaScript中的原始值和复杂值
2016/01/07 Javascript
javascript对象的相关操作小结
2016/05/16 Javascript
Node.js+Express配置入门教程
2016/05/19 Javascript
浅谈Cookie的生命周期问题
2016/08/02 Javascript
weUI应用之JS常用信息提示弹层的封装
2016/11/21 Javascript
8 行 Node.js 代码实现代理服务器
2016/12/05 Javascript
JS移动端/H5同时选择多张图片上传并使用canvas压缩图片
2017/06/20 Javascript
使用JS动态显示文本
2017/09/09 Javascript
React Navigation 使用中遇到的问题小结
2018/05/08 Javascript
JS实现仿微信支付弹窗功能
2018/06/25 Javascript
NodeJS服务器实现gzip压缩的示例代码
2018/10/12 NodeJs
详解Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)
2019/04/30 Javascript
JS中的算法与数据结构之列表(List)实例详解
2019/08/16 Javascript
vue 开发之路由配置方法详解
2019/12/02 Javascript
Vue+tracking.js 实现前端人脸检测功能
2020/04/16 Javascript
详解ES6实现类的私有变量的几种写法
2021/02/10 Javascript
Python中常见的数据类型小结
2015/08/29 Python
用python打开摄像头并把图像传回qq邮箱(Pyinstaller打包)
2020/05/17 Python
HTML5的结构和语义(3):语义性的块级元素
2008/10/17 HTML / CSS
澳大利亚当地最大的时装生产商:Cue
2018/08/06 全球购物
英国在线药房和在线医生:LloydsPharmacy
2019/10/21 全球购物
必须要使用游标的SQL语句有那些
2012/05/07 面试题
Linux面试题LINUX系统类
2014/11/19 面试题
银行领导证婚词
2014/01/11 职场文书
采购助理岗位职责
2014/02/16 职场文书
《鸟岛》教学反思
2014/04/26 职场文书
大一学生个人总结
2015/02/15 职场文书
高校自主招生教师推荐信
2015/03/23 职场文书