javascript 操作 drop down list

javascript 操作 drop down list 和 listbox

在平时，我们会经常用到javascript来操作.net 控件。 而 dropdownlist 和 listbox 是出现频率比较高的，我只是将一些基本的用法贴在这里，仅供参考。

添加items 到 dropdownlist 中，Example:

function AddItem(Text,Value)
 {
        // Create an Option object                
var opt = document.createElement("option");
        // Add an Option object to Drop Down/List Box
        document.getElementById("DropDownList").options.add(opt);       
 // Assign text and value to Option object
        opt.text = Text;
        opt.value = Value;
 }

你可以使用此函数循环添加  item.

获得 dropdownlist 的选中值，Example:

var roles = document.getElementById("DropDownList ");
    if(roles!=null&& roles.selectedIndex!=-1){
       //Getting value
      rolesVal=roles.options[roles.selectedIndex].value;    
       //Getting text
       rolesVal=roles.options[roles.selectedIndex].text;    
    }

删除dropdownlist中的值， Example:

var regions = document.getElementById("DropDownList ");
var len = regions.options.length;
for(i=len-1;i>=0;i--){
        regions.options.remove(i);
    }

以上代码是针对 Html 控件的，如果是服务器端控件，如 aspx控件，要获取控件ID时请使用以下代码。原因是，服务器端控件在页面加载时ID会发生变化：

function ResetTab1() {
            if (document.getElementById) {
                document.getElementById("<%=txtOrderNum.ClientID %>").value = "";
                document.getElementById("<%=txtOracleLine.ClientID %>").value = "";
                document.getElementById("<%= ddlOracleInstance1.ClientID %>").selectedIndex = 0;
            }
        }

Happy Programming !!