使用AjaxPro联动DropDownList的变相方法

当我们使用ajax填充Dropdownlist后，然后当服务器控件提交时出现错误“回发或回调参数无效”。

网上有的说使用select 代替Dropdownlist，但提交后，select会丢失内容。

所以，需要重新绑定。下面是省市区部4级联动代码，只有自己看的懂，哈哈！！！！

<div> <asp:DropDownList runat="server" ID="list1" οnchange="load('1',this.value);"> </asp:DropDownList> <select runat="server" ID="list2" οnchange="load('2',this.value);"> </select> <select runat="server" ID="list3" οnchange="load('3',this.value);"> </select> <select runat="server" ID="list4"> </select> <asp:TextBox runat="server" ID="text"></asp:TextBox> <asp:Button runat="server" ID="ok" Text="ok" OnClick="ok_Click"/> </div>  

 

 <script language="javascript" type="text/javascript"> function load(type,obj) { var list1=document.getElementById("list2"); var list2=document.getElementById("list3"); var list3=document.getElementById("list4"); if (type=='1') { 　 var result1=Notimeout.getlist('diportinfo',obj).value; list1.length=0; for(var i=0;i<result1.Rows.length;i++) { list1.options.add(new Option(result1.Rows[i].DevID+'-'+result1.Rows[i].PortName,result1.Rows[i].DevID)); } } if (type=='1' || type =='2') { var result2=Notimeout.getlist('doportinfo',list1.options[list1.options.selectedIndex].value).value; list2.length=0; for(var i=0;i<result2.Rows.length;i++) { list2.options.add(new Option(result2.Rows[i].DevID+'-'+result2.Rows[i].PortName,result2.Rows[i].DevID)); } } if (type=='1' || type =='2' || type =='3') { var result3=Notimeout.getlist('poportinfo',list2.options[list2.options.selectedIndex].value).value; list3.length=0; for(var i=0;i<result3.Rows.length;i++) { list3.options.add(new Option(result3.Rows[i].DevID+'-'+result3.Rows[i].PortName,result3.Rows[i].DevID)); } } } </javascript>

protected void Page_Load(object sender, EventArgs e) { AjaxPro.Utility.RegisterTypeForAjax(typeof(Notimeout)); if (!IsPostBack) { DataTable dt = ConnectDB.QueryTable("select * from device"); if (dt.Rows.Count > 0) { for (int i = 0; i < dt.Rows.Count; i++) { ListItem li1 = new ListItem(dt.Rows[i]["IPAddress"].ToString(), dt.Rows[i]["ID"].ToString()); list1.Items.Add(li1); } list1.SelectedIndex = 0; dt = ConnectDB.QueryTable("select * from diportinfo where devid=" + list1.SelectedValue); if (dt.Rows.Count > 0) { for (int j = 0; j < dt.Rows.Count; j++) { ListItem li2 = new ListItem(dt.Rows[j]["DevID"].ToString() + "-" + dt.Rows[j]["PortName"].ToString(), dt.Rows[j]["devid"].ToString()); list2.Items.Add(li2); } list2.SelectedIndex = 0; dt = ConnectDB.QueryTable("select * from doportinfo where devid=" + list2.Items[list2.SelectedIndex].Value); if (dt.Rows.Count > 0) { for (int k = 0; k < dt.Rows.Count; k++) { ListItem li3 = new ListItem(dt.Rows[k]["DevID"].ToString() + "-" + dt.Rows[k]["PortName"].ToString(), dt.Rows[k]["devid"].ToString()); list3.Items.Add(li3); } list3.SelectedIndex = 0; dt = ConnectDB.QueryTable("select * from poportinfo where devid=" + list3.Items[list3.SelectedIndex].Value); if (dt.Rows.Count > 0) { for (int l = 0; l < dt.Rows.Count; l++) { ListItem li4 = new ListItem(dt.Rows[l]["DevID"].ToString() + "-" + dt.Rows[l]["PortName"].ToString(), dt.Rows[l]["devid"].ToString()); list4.Items.Add(li4); } list4.SelectedIndex = 0; } } } } } } [AjaxPro.AjaxMethod] public DataTable getlist(string tablename, string id) { DataTable dt = ConnectDB.QueryTable(Session["sql"].ToString ()); return dt; } protected void ok_Click(object sender, EventArgs e) { string id1=Request.Form["list2"].ToString(); string id2 = Request.Form["list3"].ToString(); string id3 = Request.Form["list4"].ToString(); DataTable dt = ConnectDB.QueryTable("select * from diportinfo where devid=" + id1); if (dt.Rows.Count > 0) { list2.Items.Clear(); for (int i = 0; i < dt.Rows.Count; i++) { ListItem li = new ListItem(dt.Rows[i]["DevID"].ToString()+"-"+dt.Rows[i]["PortName"].ToString(), dt.Rows[i]["DevID"].ToString()); list2.Items.Add(li); if (li.Value == id1) { li.Selected = true; } } } dt = ConnectDB.QueryTable("select * from doportinfo where devid=" + id2); if (dt.Rows.Count > 0) { list3.Items.Clear(); for (int i = 0; i < dt.Rows.Count; i++) { ListItem li = new ListItem(dt.Rows[i]["DevID"].ToString() + "-" + dt.Rows[i]["PortName"].ToString(), dt.Rows[i]["DevID"].ToString()); list3.Items.Add(li); if (li.Value == id2) { li.Selected = true; } } } dt = ConnectDB.QueryTable("select * from poportinfo where devid=" + id3); if (dt.Rows.Count > 0) { list4.Items.Clear(); for (int i = 0; i < dt.Rows.Count; i++) { ListItem li = new ListItem(dt.Rows[i]["DevID"].ToString() + "-" + dt.Rows[i]["PortName"].ToString(), dt.Rows[i]["DevID"].ToString()); list4.Items.Add(li); if (li.Value == id3) { li.Selected = true; } } } text.Text = id1 + "-" + id2 + "-" + id3; }