JS对select动态添加options操作[IE&FireFox兼容]

原创 2007年09月14日 18:14:00
<select id="ddlResourceType" onchange="getvalue(this)">
</select>

    动态删除select中的所有options: 
       document.getElementById(
"ddlResourceType").options.length=0

     动态删除select中的某一项option: 
       document.getElementById(
"ddlResourceType").options.remove(indx);  

     动态添加select中的项option: 
       document.getElementById(
"ddlResourceType").options.add(new Option(text,value)); 

     上面在IE和FireFox都能测试成功,希望以后你可以用上。 
其实用标准的DOM操作也可以,就是document.createElement,appendChild,removeChild之类的。 

取值方面
    
function getvalue(obj)
     
...{
         
var m=obj.options[obj.selectedIndex].value
         alert(m);
//获取value
         var n=obj.options[obj.selectedIndex].text
         alert(n);
//获取文本
     }

 

JS对select动态添加options操作[IE&FireFox兼容]

动态删除select中的所有options:        document.getElementById("ddlResourceType").options.length=0;      动态删除...

JS技巧:JS对select动态添加options操作[IE&FireFox兼容]

    动态删除select中的所有options:        document.getElementById("ddlResourceType").options.length=0;      ...

JS动态添加移除事件 和 获取Event (兼容IE和Firefox)

今天小弄了一下JS事件,主要说一下FF和IE兼容的问题 对象名.addEventListener("事件名(不带ON)",函数名,true/false);(FF下) 对象名.attachEven...
  • ycb1689
  • ycb1689
  • 2015年05月06日 09:32
  • 17178

Js脚本:动态添加HTML自定义属性以及处理html元素的自定义属性(兼容Firefox和IE)

一处理HTML元素的自定义属性 HTML元素,属性已经十分丰富了。但是,在某些场合下,也会显得捉襟见肘,这时候自定义属性就发挥了十分关键的作用。 Html元素的自定义属性,使用起来,十分方便,例如...

JQuery在IE8兼容性视图模式下操作Select的Options的Bug

Bug现场: 通过开发人员工具查看,下拉列表框是有Options的,但你点击选择的时候却什么也不显示。   重现步骤: 该问题发生在级联下拉框的情况,第一个列表改变,第二个列表的值...

鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox

table拖动(兼容Firefox 3.5/IE6),固定表格宽度 table拖动(兼容Firefox 3.5/IE6),固定表格宽度 .bg { font-size:12p...

FireFox和IE下的select option JS相关操作

在FireFox中,很多的js操作与IE中是不同的。现在本文就不同操作给予说明。 JS 操作select 标签 1,     添加 option。 123 456 add o...

js操作textarea方法集合封装(兼容IE,firefox)

abcdefghijklmnopqrstuvwxyz // var test = document.getElementById('testlujun'); v...
  • ntotl
  • ntotl
  • 2017年05月15日 13:48
  • 85

js 给div 添加选区,类似windows桌面选区一样,兼容ie6、7、8、9、10、Firefox、Google、所有浏览器

先来一张效果图: 兼容: IE6 反应有点迟钝,效果没有火狐好。 主要的效果就是,模仿windows桌面的那个选区。可以用选框选区图标。 由于js代码太多,只贴一段核心的代码。 ...

JS动态创建select,options

1.动态创建select       function createSelect(){ var mySelect = document.createElement("select");     ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS对select动态添加options操作[IE&FireFox兼容]
举报原因:
原因补充:

(最多只允许输入30个字)