DropDownList应用

1. 根据DropDownList的选项，控制其它控件是否可用。注意，控件不是input的。例如，根据用户在DropDownList中选择不同的权限（管理员，老师，学生），来决定其它控件的可用性。

前台：

<asp:DropDownList ID="DropDownList1" runat="server" onselectedindexchanged="ddl_SearchWay_SelectedIndexChanged" AutoPostBack="True"><asp:ListItem Value="0">方式1</asp:ListItem><asp:ListItem Value="1">方式2</asp:ListItem> <asp:ListItem Value="2">方式3</asp:ListItem> </asp:DropDownList> 

注意：（1）添加事件onselectedindexchanged="ddl_SearchWay_SelectedIndexChanged"

         （2）设置属性AutoPostBack="True"

后台：

protected void ddl_SearchWay_SelectedIndexChanged(object sender, EventArgs e) { //方式1 if (DropDownList1.SelectedValue == "0") { //控制控件是否可用 DropDownList2.Enabled = true; TextBoxStart.Enabled = true; TextBoxEnd.Enabled = true; TextBoxScope.Enabled = true; } //方式2 else if (DropDownList1.SelectedValue == "1") { DropDownList2.Enabled = false; TextBoxEnd.Enabled = false; TextBoxScope.Enabled = true; } //方式3 else { DropDownList2.Enabled = false; TextBoxStart.Enabled = false; TextBoxEnd.Enabled = false; TextBoxScope.Enabled = false; } }

 

2. 前台获得DropDownList所选的文本

var road=document.getElementById("DropDownList1").options[document.getElementById("DropDownList1").selectedIndex].text; 

或者分开写看得更清楚点

var ddl=document.getElementById("DropDownList1");var ddlSelected=ddl.options[dll.selectedIndex].text;

textBox是这样获取的

var tb=document.getElementById("TextBox1").text;