<form name="form1" action="" method="">
<select name="select1">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</form>
var select1 = document.form1.select1;
/********** 清空所有option **********/
// 一个很取巧的方法,兼容所有浏览器
:
select1.length = 0;
/********** 删除一个option **********/
// 在options对象上操作,FF会报错——没有该方法,其他浏览器则可以正常操作:
select1.options.remove(0)
// 兼容的标准方法是在select上操作
:
select1.remove(0)
/********** 添加一个option **********/
// DOM方式新增一个option
var opt = document.createElement("option");
opt.text = "这是一个新增的选项";
opt.value = "newAdd1";
// js对象方式新增一个option
var opt = new Option("这是一个新增的选项", "newAdd1");
// 在select上操作,FF会报错,safari不能插入正确的索引位置,IE和opera则可以正确操作:
select1.add(opt, 0)
// 原来FF中,select元素的add方法的第二个参数必须为一个option,这一点和appendChild方法很相似,safari虽非必须,却不能正确操作索引。
// 但经过修改后,IE无法正常操作——也未报错,其他浏览器则可以正确操作
select1.add(opt, select1[0])
// 兼容的标准方法是在options对象上操作
:
select1.options.add(opt, 0)
注意:
当add(opt, 0)方法的第二个参数是在当前的option索引数范围内,则插入该参数索引的位置,原来的当前及之后索引的option则依次向后位移;
若第二个参数大于原option索引数范围,则视同插入原option.length的位置
// 如果你是在原option索引数范围后追加,再介绍一个偷巧的方式 :
select1.length = 4;
select1[3] = opt;
// 这种方式咋一看没什么特别的,但你可以像以下这样操作,创建并追加一个option:
select1.length = 4;
select1[3].text = "这是一个新增的选项";
select1[3].value = "newAdd1";
// 并且,你可以根据需要设置select1.length的长度,迭代如此创建追加
//
关键是:设置select1.length的长度后,浏览器会自动生成补位的option,采用这种属性赋值方法,速度要比上两种方法快上好几倍,不信你试试
分享到:
- 2009-05-13 16:42
- 浏览 1682
- 评论(0)
- 论坛回复 / 浏览 (0 / 3519)
- 查看更多
相关推荐
方法一 复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....
js 操作select和optionjs 操作select和option
select option 自定义图片的js 、css 以及代码展示,javaScript ;
NULL 博文链接:https://longying2008.iteye.com/blog/2203068
去除select当中重复的option并选中当前的option
两个下拉列表,用JS动态添加Select中的Option元素值
美化HTML的select标签的原始样式,并且不影响原始select的事件方法调用。
下面小编就为大家带来一篇jQuery为动态生成的select元素添加事件的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
select将选中的option设置为默认选项,可多个select可一个select.项目中遇到这个问题后自己写的(原先有默认值的话会将选中的设为默认选项)
jquery获得select option值
下载select-option-disabled-emulation.js文件即可自动完成disabled标记的工作
用js操作select的option,可以增加删除和判断value值是否在下拉列表存在
select标签边框的颜色select标签边框的颜色
本人写的一个html页面,用js实现从数组读数据自动生成select控件
简单的例子,点击按钮就删除掉option,也可以通过jquery加载的时候进行删除。
这个文档是本人在开发学习中下的别人的资料,觉得汇总的很好,后面在工作过程中修改了一些,非常有用,尤其是前端的,基本上对select option的操作都在这里面了。有收藏价值。
1 检测是否有选中 2.动态创建select 3.添加选项option 4.删除所有选项option 5.删除一个选项option 6.获得选项option的值......
Javascript操作Select和Option 一个网页 挺全的
1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement(“select”); mySelect.id = “mySelect”; document.body.appendChild(mySelect); } 2.添加选项option 代码如下: ...
下面小编就为大家分享一篇用jquery获取select标签中选中的option值及文本的示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧