[网摘]javascript 操作 DropDownList

摘自网络
javascript中取得asp.net的DropDownList控件的值

页面中用的DropDownList控件时,需要用javascript客户端脚本进行验证时,
var ddl = document.getElementById("控件名");
取得选中的列的值
ddl.options[ddl.selectedIndex].text
取得选中值相对应的ID
ddl.options[ddl.selectedIndex].value

JS DropDownList 应用

背景：

有两个下拉菜单分别为中、英文职位名称，要求一菜单选择后，另一菜单自动选至对应索引，即时刻保持中英文一致。

JavaScript部分：

<script language='javascript'>
    function OnDDLSelectChange(evt)
    {
        var input;                                       //点击的DropDownList的选项
        if(window.event != null)                   //IE 浏览器
input = event.srcElement;
        else
input = evt.target;                      //FireFox　浏览器
        var index = input.selectedIndex;       //选定索引
        var obj=document.getElementById("<%=ddlDutyEnName.ClientID %>");
        var obj1=document.getElementById("<%=ddlDutyChName.ClientID %>");
        obj.selectedIndex=index;
        obj1.selectedIndex=index;

    }

</script>  

页面部分：

<asp:DropDownList ID="ddlDutyEnName" runat="server" onclick="OnDDLSelectChange(event)">
</asp:DropDownList>

<asp:DropDownList ID="ddlDutyChName" runat="server" onclick="OnDDLSelectChange(event)">
</asp:DropDownList>


收获：

在JavaScript中如何获取及设置DropDownList的索引。

课外：

1.javascript中取得asp.net的DropDownList控件的值

    JavaScript部分：

<script language='javascript'>
function OnDDLSelectChange(evt)
{
            var input;                                       //点击的DropDownList的选项
if(window.event != null) //IE 浏览器
input = event.srcElement;
else
input = evt.target;  //FireFox　浏览器
var ddl=document.getElementById("<%=ddlDutyEnName.ClientID %>");

            alert("取得选中的列的值:\t" + ddl.options[ddl.selectedIndex].text +
                   "\n取得选中值相对应的ID:\t" + ddl.options[ddl.selectedIndex].value );

        }

    </script> 

页面部分：

<asp:DropDownList ID="ddlDutyEnName" runat="server" onclick="OnDDLSelectChange(event)">
    </asp:DropDownList>