DropDownList无刷新级联

1.两级联：在一个下拉列边框(ID:ddlBuildName)中选择楼栋名称，在另一个下拉列表框

(ID:ddlRoomNo)中无刷新的自动加载该栋楼的房间列表。
其中ddlBuildName的数据是通过强类型DataSet绑定的。ddlRoomNo的数据是根据ddlBuildName的选

值通过JQuery无刷新加载的。

<tr><br /> <td class=”text”>楼栋名称：</td><br /> <td class=”control”><br /> <asp:DropDownList ID=”ddlBuildName” runat=”server”<br /> DataSourceID=”odsBuildInfo” DataValueField=”Id”<br /> DataTextField=”buildingName”><br /> </asp:DropDownList><br /> </td><br /> </tr><br /> <tr><br /> <td class=”text”>房间编号：</td><br /> <td class=”control”><br /> <asp:DropDownList ID=”ddlRoomNo” runat=”server”><br /> </asp:DropDownList><br /> </td><br /> </tr>

2.在页面Page_Load的时候为这两个DropDownList控件分别添加一个同样的属性，即在客户端的

onchange事件。setRoomNoValue()事件是在ddlBuildName选择的时候触发的，它实现将房间号加载

到ddlRoomNo中。getRoomNoValue()事件是在ddlRoomNo选择的时候记下其选择的值。

protected void Page_Load(object sender, EventArgs e)<br /> {<br /> ddlBuildName.Attributes.Add(“onchange”, “setRoomNoValue();”);<br /> ddlRoomNo.Attributes.Add(“onchange”,”getRoomNoValue();”);<br /> }

3.默认情况下是无法取得ddlRoomNo中当前选中的值，所以需要通过添加一个隐藏控件，把

ddlRoomNo中选择的值赋给隐藏控件，最后后台cs代码通过隐藏控件的Value属性间接地获得

ddlRoomNo的值。
这是隐藏控件：

<asp:HiddenField ID=”hiddRoomNo” runat=”server” /><br />   

 下面是cs代码获取ddlBuildName的值和ddlRoomNo的值

string buildNameNo = ddlBuildName.SelectedValue;<br />string roomNo = hiddRoomNo.Value;

4.setRoomNoValue()事件和getRoomNoValue()。

EnableEventValidation=”false”

<mce:script type=”text/javascript”><!–</p> <p> function setRoomNoValue(){<br /> //获取ddlBuildName中当前选择的值<br /> var buildNameNo=$(“#”+”<%=ddlBuildName.ClientID %>”).val();<br /> //先清空ddlRoomNo中的数据<br /> $(“#”+”<%=ddlRoomNo.ClientID %>”).empty();<br /> //向getRoomNo.ashx发出请求，并传递ddlBuildName当前选择的值buildNameNo<br /> $.post(“getRoomNo.ashx”,{“buildNameNo”:buildNameNo},<br /> function(data,status){<br /> if(status==”success”){<br /> if(data==”none”){<br /> alert(“没有房间信息！”);<br /> return;<br /> }<br /> var array=data.split(‘|’);<br /> for(var i=0;i<array.length;i++){<br /> //为ddlRoomNo添加数据<br /> var option=$(“<option value='”+array[i]+”‘>”+array[i]+”</option>”);<br /> $(“#”+”<%=ddlRoomNo.ClientID %>”).append(option);<br /> }<br /> //获取ddlRoomNo中第一项的值roomNo<br /> var roomNo=$(“#”+”<%=ddlRoomNo.ClientID %>”+” option:first”).val()<br /> //把roomNo赋值给服务端的隐藏控件，这样在后台cs代码中获得ddlRoomNo的值<br /> $(“#”+”<%=hiddRoomNo.ClientID %>”).val(roomNo);<br /> }<br /> });<br /> }</p> <p> function getRoomNoValue(){<br /> //当ddlRoomNo的onchange事件发生时，把所选的值赋给roomNo<br /> var roomNo=$(“#”+”<%=ddlRoomNo.ClientID %>”).val();<br /> //把roomNo赋值给服务端的隐藏控件<br /> $(“#”+”<%=hiddRoomNo.ClientID %>”).val(roomNo);<br /> }</p> <p> $(function(){<br /> $(“input[flag=stuNo]”).blur(function(){<br /> var StuNo=$(this).val();<br /> if(StuNo==””){<br /> return;<br /> }<br /> $.post(“IsExistStuNo.ashx”,{“StuNo”:StuNo},function(data,status){<br /> if(status==”success”){<br /> if(data==”No”){<br /> $(“#lblMsg”).text(“无此学号，请重新输入！”).css(“color”,”red”);<br /> return;<br /> }<br /> else if(data==”Yes”){<br /> $(“#lblMsg”).text(“”);<br /> }<br /> }<br /> else{<br /> alert(“服务器错误！”);<br /> return;<br /> }<br /> });<br /> });<br /> $(“input[flag=InDate]”).focus(function(){<br /> $(this).datepicker({inline: true,dateFormat:’yy-mm-dd’});<br /> });<br /> $(“#btnCancle”).click(function(){<br /> $(“input[flag=stuNo]”).val(“”);<br /> $(“input[flag=InDate]”).val(“”);<br /> $(“#lblMsg”).text(“”);<br /> });<br /> //在网页加载完后给ddlRoomNo赋初始值<br /> setRoomNoValue();<br /> }); </p> <p>// –></mce:script>

5.一般处理程序：getRoomNo.ashx

<%@ WebHandler Language=”C#” Class=”getRoomNo” %></p> <p>using System;<br />using System.Web;</p> <p>public class getRoomNo : IHttpHandler {</p> <p> public void ProcessRequest (HttpContext context) {<br /> context.Response.ContentType = “text/plain”;<br /> string buildNameNo = context.Request[“buildNameNo”];<br /> var adapter = new DataSetRoomInfoTableAdapters.T_RoomInfoTableAdapter();<br /> var data = adapter.GetDataByBulidingNameNo(Convert.ToInt32(buildNameNo));<br /> System.Text.StringBuilder sb = new System.Text.StringBuilder();<br /> if (data.Count <= 0)<br /> {<br /> context.Response.Write(“none”);<br /> }<br /> else<br /> {<br /> foreach (var roomInfoRow in data)<br /> {<br /> sb.Append(roomInfoRow.roomNo).Append(“|”);<br /> }<br /> context.Response.Write(sb.ToString().Trim(‘|’));<br /> }<br /> }</p> <p> public bool IsReusable {<br /> get {<br /> return false;<br /> }<br /> }</p> <p>}

今天的文章DropDownList无刷新级联分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。