关闭

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

679人阅读 评论(0) 收藏 举报
<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);
//获取文本
     }

 
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:329749次
    • 积分:5293
    • 等级:
    • 排名:第5144名
    • 原创:174篇
    • 转载:88篇
    • 译文:7篇
    • 评论:16条