首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

JS对select动态平添options操作方法

2012-10-27 
JS对select动态添加options操作方法select idddlResourceType onchangegetvalue(this)/select动

JS对select动态添加options操作方法
<select id="ddlResourceType" onchange="getvalue(this)">
</select>

    动态删除select中的所有options:
       document.getElementByIdx("ddlResourceType").options.length=0;
     动态删除select中的某一项option:
       document.getElementByIdx("ddlResourceType").options.remove(indx); 
     动态添加select中的项option:
       document.getElementByIdx("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);//获取文本
     }

热点排行