用Jquery实现两个dropdownlist无刷新联动

前台：

<p ><label>选择充值游戏：</label> <asp:DropDownList CssClass="regbox" name="ddl_Game" ID ="ddl_Game" runat ="server" > </asp:DropDownList>　　　 </p> <p style ="padding:8px 0 8px 70px;"><label>选择删档测试服务器：</label> <asp:DropDownList ID ="ddl_Server" name="ddl_Server" runat ="server" CssClass ="regbox " > </asp:DropDownList>　　　 </p><mce:script type="text/javascript" ><!-- //获取游戏服务器列表 $("#ddl_Game").change(function (event){ $.ajax({ type: "GET", url: "Pay.aspx?gameid="+$("#ddl_Game").val() +"&action=getserverlist&t=" + Math.random(), success: function(result) { $("#ddl_Server").html(result); }, error: function() { $("#reg").html("error"); } }); } ) // --></mce:script>

后台：

protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { Bind(); } }//绑定服务器列表 public void Bind() { GetServerList(); string action = string.Empty; if (string.IsNullOrEmpty(Request.QueryString["action"])) { return; } bindserverlist(); Response.End(); } //修改选择游戏重新绑定对应服务器 public void bindserverlist() { ddl_Server.Items.Clear(); string StrGameID = Request .QueryString ["gameid"].ToString (); string StrFilter = "GameID ='" + StrGameID + "'"; List<JY383.Model.JY_D_Server> list = MyServer.GetModelList(StrFilter); StringBuilder sb = new StringBuilder(); foreach (JY383.Model.JY_D_Server item in list) { sb.Append("<option value ='" + item.ServerID.ToString() + "'>" + item.ServerName + "</option>"); } Response.Write(sb.ToString()); } //绑定服务器列表 public void GetServerList() { string StrGameID = ddl_Game.SelectedValue; string StrFilter = "GameID='" + StrGameID + "'"; DataSet DS_Server = MyServer.GetList(StrFilter); ddl_Server.DataSource = DS_Server; ddl_Server.DataTextField = "ServerName"; ddl_Server.DataValueField = "ServerID"; ddl_Server.DataBind(); }

但是在后台取值的时候使用ddl_Server.SelectedValue不能取到相应的值。后来一搜，DropDownList 在初始化前完成了所有能使用的数据的绑定，异步加载进来的东西不被服务器认可，所以不能直接通过SelectedValue的方式取值。搜索了一下，可以通过Request.Form["selectA"]的方式来取值，其中selectA是HTML的select组件的name。于是在asp.net后台里这样取值：Request.Form[ddl_Server.UniqueID]，问题成功解决。