select 动态添加option函数

经常会用到select动态添加元素，写了个方法，方便调用！
。。。

/**
 * 功能：select对象动态添加Options项
 * @param {} objSelectNow select对象
 * @param {} txt	显示值text
 * @param {} val	值value
 */
function addOption(objSelectNow, txt, val) {
	// / 使用W3C标准语法为SELECT添加Option
	var objOption = document.createElement("OPTION");
	objOption.text = txt;
	objOption.value = val;
	objSelectNow.options.add(objOption);
}

评论

5 楼 lym6520 2009-02-10  

<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之类的。

获得值：
        obj.options[obj.selectedIndex].value


获取文本：
        obj.options[obj.selectedIndex].text


清空opton：obj.options.length=0;

根据给定的值，选中：

for(var i = 0; i<obj.length; i++){
       if(obj.options[i].value == value){
        obj.options[i].selected = 'selected';     
       }
      }

4 楼 lym6520 2009-01-05  

引用

suko 16 分钟前   回复 删除
支持lz，能分享自己的东西就是很难得的 

谢谢支持！

3 楼 suko 2009-01-05  

支持lz，能分享自己的东西就是很难得的 

2 楼 lym6520 2009-01-05  

我没说大家不会哦，，，

1 楼 lijackly 2009-01-05  

大家都会!