javascript动态修改select选项

1、向Select里添加Option

Js代码

1. //IE only,FF不支持Add方法   
2. function fnAddItem(text,value) {   
3.     var selTarget = document.getElementById("selID");   
4.     selTarget.Add(new Option("text","value"));   
5. }   
6.   
7. //IE FF both OK   
8. function fnAdd(oListbox, sName, sValue) {   
9.     var oOption = document.createElement("option");   
10.     oOption.appendChild(document.createTextNode(sName));   
11.   
12.     if (arguments.length == 3) {   
13.         oOption.setAttribute("value", sValue);   
14.     }   
15.   
16.     oListbox.appendChild(oOption);   
17. }  

//IE only,FF不支持Add方法
function fnAddItem(text,value) {
    var selTarget = document.getElementById("selID");
    selTarget.Add(new Option("text","value"));
}

//IE FF both OK
function fnAdd(oListbox, sName, sValue) {
    var oOption = document.createElement("option");
    oOption.appendChild(document.createTextNode(sName));

    if (arguments.length == 3) {
        oOption.setAttribute("value", sValue);
    }

    oListbox.appendChild(oOption);
}

 

2、删除Select里的Option

Js代码

1. function fnRemoveItem() {   
2.     var selTarget = document.getElementById("selID");   
3.     if(selTarget.selectedIndex > -1) { //说明选中   
4.         for(var i=0;i<selTarget.options.length;i++) {   
5.             if(selTarget.options[i].selected) {   
6.                 selTarget.remove(i);   
7.                 i = i - 1;//注意这一行   
8.             }   
9.         }   
10.     }   
11. }   

fu