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性能优化的几点建议
May 14 Javascript
document.forms用法示例介绍
Jun 26 Javascript
javascript单例模式的简单实现方法
Jul 25 Javascript
基于javascript实现简单计算器功能
Jan 03 Javascript
js选择器全面解析
Jun 27 Javascript
用原生JS对AJAX做简单封装的实例代码
Jul 13 Javascript
js实现下一页页码效果
Mar 07 Javascript
Node.JS段点续传:Nginx配置文件分段下载功能的实现方法
Mar 12 Javascript
vue-cli创建的项目,配置多页面的实现方法
Mar 15 Javascript
Vue项目全局配置页面缓存之按需读取缓存的实现详解
Aug 01 Javascript
关于layui 下拉列表的change事件详解
Sep 20 Javascript
koa-passport实现本地验证的方法示例
Feb 20 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
一个目录遍历函数
2006/10/09 PHP
phpmailer发送gmail邮件实例详解
2013/06/24 PHP
PHP实现二维数组按某列进行排序的方法
2016/11/18 PHP
CSS中一些@规则的用法小结
2021/03/09 HTML / CSS
在页面上点击任一链接时触发一个事件的代码
2007/04/07 Javascript
jquery.ui.draggable中文文档
2009/11/24 Javascript
JavaScript Event学习第七章 事件属性
2010/02/07 Javascript
处理及遍历XML文档DOM元素属性及方法整理
2013/08/23 Javascript
关于jQuery判断元素是否存在的问题示例探讨
2014/07/21 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
2015/03/04 Javascript
js检测判断日期大于多少天的方法
2015/05/04 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
2016/08/17 Javascript
如何解决IONIC页面底部被遮住无法向上滚动问题
2016/09/06 Javascript
AngularJS $injector 依赖注入详解
2016/09/14 Javascript
node.js发送邮件email的方法详解
2017/01/06 Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
2018/07/26 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
2018/08/27 Javascript
解决vue cli使用typescript后打包巨慢的问题
2019/09/30 Javascript
jQuery使用ajax传递json对象到服务端及contentType的用法示例
2020/03/12 jQuery
[17:00]DOTA2 HEROS教学视频教你分分钟做大人-帕克
2014/06/10 DOTA
Python基于pygame实现的font游戏字体(附源码)
2015/11/11 Python
简单谈谈python中的Queue与多进程
2016/08/25 Python
python递归删除指定目录及其所有内容的方法
2017/01/13 Python
深入了解和应用Python 装饰器 @decorator
2019/04/02 Python
pandas中的series数据类型详解
2019/07/06 Python
python调用webservice接口的实现
2019/07/12 Python
python Dijkstra算法实现最短路径问题的方法
2019/09/19 Python
Python实现异步IO的示例
2020/11/05 Python
canvas粒子动画背景的实现示例
2018/09/03 HTML / CSS
三星新西兰官网:Samsung新西兰
2019/03/05 全球购物
The North Face北面法国官网:美国著名户外品牌
2019/11/01 全球购物
美国室内盆栽植物购买网站:Plants.com
2020/04/24 全球购物
在浏览器端如何得到服务器端响应的XML数据
2012/11/24 面试题
国培远程培训感言
2014/03/08 职场文书
交通局领导班子群众路线教育实践活动对照检查材料思想汇报
2014/10/09 职场文书
用Java实现简单计算器功能
2021/07/21 Java/Android