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 相关文章推荐
aspx中利用js实现确认删除代码
Jul 22 Javascript
jQuery中append()方法用法实例
Jan 08 Javascript
js模拟淘宝网的多级选择菜单实现方法
Aug 18 Javascript
AngularJS教程之环境设置
Aug 16 Javascript
jQuery通过ajax快速批量提交表单数据
Oct 25 Javascript
BootStrap 实现各种样式的进度条效果
Dec 07 Javascript
JavaScript中利用构造器函数模拟类的方法
Feb 16 Javascript
mac中利用NVM管理不同node版本的方法详解
Nov 08 Javascript
jQuery 导航自动跟随滚动的实现代码
May 30 jQuery
浅谈JS对象添加getter与setter的5种方法
Jun 09 Javascript
Vue 实现简易多行滚动&quot;弹幕&quot;效果
Jan 02 Javascript
vue 实现把路由单独分离出来
Aug 13 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
人族 TERRAN 概述
2020/03/14 星际争霸
详解YII关联查询
2016/01/10 PHP
转换json格式的日期为Javascript对象的函数
2010/07/13 Javascript
javascript new后的constructor属性
2010/08/05 Javascript
javascript全局变量封装模块实现代码
2012/11/28 Javascript
JavaScript中return false的用法
2015/03/12 Javascript
jQuery+css实现的蓝色水平二级导航菜单效果代码
2015/09/11 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
2015/09/14 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
2016/06/08 Javascript
前端面试知识点锦集(JavaScript篇)
2016/12/28 Javascript
JavaScript正则替换HTML标签功能示例
2017/03/02 Javascript
php输出全部gb2312编码内的汉字方法
2017/03/04 Javascript
详解操作虚拟dom模拟react视图渲染
2018/07/25 Javascript
微信小程序左滑删除功能开发案例详解
2018/11/12 Javascript
JavaScript之实现一个简单的Vue示例
2019/01/17 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
2019/04/20 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
2019/05/08 Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
2019/07/10 Javascript
vue项目中全局引入1个.scss文件的问题解决
2019/08/01 Javascript
layui数据表格重载实现往后台传参
2019/11/15 Javascript
[04:28]2014DOTA2国际邀请赛 采访小兔子LGD挺进钥匙体育馆
2014/07/14 DOTA
使用Python的Twisted框架编写简单的网络客户端
2015/04/16 Python
python在控制台输出进度条的方法
2015/06/20 Python
python实现各进制转换的总结大全
2017/06/18 Python
python elasticsearch从创建索引到写入数据的全过程
2019/08/04 Python
使用python图形模块turtle库绘制樱花、玫瑰、圣诞树代码实例
2020/03/16 Python
利用python在excel中画图的实现方法
2020/03/17 Python
Python web如何在IIS发布应用过程解析
2020/05/27 Python
Django DRF认证组件流程实现原理详解
2020/08/17 Python
Python是如何进行类型转换的
2013/06/09 面试题
用JAVA实现一种排序,JAVA类实现序列化的方法(二种)
2014/04/23 面试题
六年级数学教学反思
2014/02/03 职场文书
2014年重阳节活动策划方案书
2014/09/16 职场文书
2015年党总支工作总结
2015/05/25 职场文书
党员读书活动心得体会
2016/01/14 职场文书
Win10本地连接不见了怎么恢复? win10系统电脑本地连接不见了解决方法
2023/01/09 数码科技