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技巧:JS对select动态添加options操作[IE&FireFox兼容]

    动态删除select中的所有options:        document.getElementById("ddlResourceType").options.length=0;      ...
  • lusile82704774
  • lusile82704774
  • 2011年04月13日 18:58
  • 323

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

   动态删除select中的所有options:       document.getElementById("ddlResourceType").options.length=0;      动态...
  • dfsh1983
  • dfsh1983
  • 2007年05月11日 15:50
  • 1395

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

文章装载自:http://www.cnblogs.com/ghostljj/archive/2007/04/30/733417.html    动态删除select中的所有options:...
  • lihongye_10
  • lihongye_10
  • 2013年11月21日 12:40
  • 1280

JS对select动态添加options操作【IE&FF兼容】

    动态删除select中的所有options:        document.getElementById("ddlResourceType").options.len...
  • hiteny
  • hiteny
  • 2011年05月12日 16:52
  • 4347

JS对select动态添加options操作

动态删除select中的所有options:         document.getElementById("ddlResourceType").options.length=0;     ...
  • u011972571
  • u011972571
  • 2014年12月26日 16:27
  • 2380

javascript动态添加select的option两种方法

function changeTest(obj){ var selectVal = obj.value;  if(selectVal == "one"){  var objSelectet = ...
  • liuwenliang_002
  • liuwenliang_002
  • 2017年12月16日 15:14
  • 137

jQuery动态添加删除select项

// 添加 function col_add() { var selObj = $("#mySelect"); var value="value"; var text="text"; selO...
  • kingzone_2008
  • kingzone_2008
  • 2013年09月02日 13:25
  • 32314

JS对select动态options操作[IE&FireFox兼容](要看完哦!@)

   动态删除select中的所有options:        document.getElementById("ddlResourceType").options.length=0;      动...
  • renpinghao
  • renpinghao
  • 2010年02月24日 10:13
  • 1779

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

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

js 操作select 下拉框集合常见操作方法

动态删除select中的所有options:         document.getElementById("ddlResourceType").options.length=0;     ...
  • liwei3gjob
  • liwei3gjob
  • 2012年03月04日 23:33
  • 3458
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS对select动态添加options操作[IE&FireFox兼容]
举报原因:
原因补充:

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