当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript options属性集合操作代码

Javascript
javascript 写类方式之九
javascript 写类方式之十
javascript 浏览器判断 绑定事件 arguments 转换数组 数组遍历
jquery BS,dialog控件自适应大小
javascript 面向对象思想 附源码
js 日期转换成中文格式的函数
JavaScript 对象、函数和继承
JavaScript 解析读取XML文档
javascript获取表格 td 中的内容
javascript xml为数据源的下拉框控件
jQuery 1.3 和 Validation 验证插件1.5.1
javascript 字符 Escape,encodeURI,encodeURIComponent
jquery text,radio,checkbox,select操作实现代码
JavaScript 继承的实现
JS 数组 移除 实现代码
javascript eval()应用实例 select
javascript 焦点的两个问题
JS 巧妙获取剪贴板数据 Excel数据的粘贴
Jquery 组合form元素为json格式,asp.net反序列化
window.onload 加载完毕的问题及解决方案（上）

No. « 144 145 146 147 »

技术文章搜索

关键字

Javascript 中的 javascript options属性集合操作代码

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-01-10   浏览: 281 ::
收藏到网摘: n/a

javascript options属性集合操作代码，一般情况需要控制option的朋友朋友需要了解的知识。
复制代码 代码如下:

<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;