动态操作options

Posted 2020-08-08 代码与人生-代码的乐趣

动态删除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);//获取文本
    }

==============================================================================
1 检测是否有选中 
if (objSelect.selectedIndex > - 1 ) { 
// 说明选中 
} else { 
// 说明没有选中 
}

将option设为选中：document.getElementById("province").options.selected = true;

2 删除被选中的项 
objSelect.options[objSelect.selectedIndex] = null ;

3 增加项 
objSelect.options[objSelect.length] = new Option( " 你好 " , " hello " );

4 修改所选择中的项 
objSelect.options[objSelect.selectedIndex] = new Option( " 你好 " , " hello " );

5 得到所选择项的文本 
objSelect.options[objSelect.selectedIndex].text;

6 得到所选择项的值 
objSelect.options[objSelect.selectedIndex].value;