码迷,mamicode.com
首页 > 其他好文 > 详细

动态操作options

时间:2016-09-10 11:40:43      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

动态删除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;

动态操作options

标签:

原文地址:http://www.cnblogs.com/keringing/p/5858913.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!