<%@ Page Language="C#" %> <%@ Import Namespace="System.Data" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <mce:script runat="server"><!-- CarCategoryBLL CategoryBLL = new CarCategoryBLL(); DataTable DT; protected void Page_Load(object sender, EventArgs e) { AjaxPro.Utility.RegisterTypeForAjax(GetType()); if (!Page.IsPostBack) { DataTable DT = CategoryBLL.GetDataByParentID(1); DataTable DTNew = DT.Clone(); DataRow DR; int Counts = DT.Rows.Count; if (Counts > 0) { for (int i = -1; i < Counts; i++) { DR = DTNew.NewRow(); if (i == -1) { DR["ID"] = "0"; DR["Title"] = "请选择品牌"; DTNew.Rows.Add(DR); } else { DR["ID"] = DT.Rows[i]["ID"].ToString(); DR["Title"] = DT.Rows[i]["Title"].ToString(); DTNew.Rows.Add(DR); } } } this.DropDownList1.DataSource = DTNew; DropDownList1.DataValueField = "ID"; DropDownList1.DataTextField = "Title"; this.DropDownList1.DataBind(); this.DropDownList1.Attributes.Add("onchange", "cityResult();"); this.DropDownList2.Attributes.Add("onchange", "areaResult();"); } } [AjaxPro.AjaxMethod] public DataTable GetData(int PID) { DataTable DT = CategoryBLL.GetDataByParentID(PID); return DT; } // --></mce:script> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Ajax无刷新二级联动</title> <mce:script type="text/javascript"><!-- window.οnlοad=function() { document.all("DropDownList2").options.add(new Option("--请选择系列--",0)); } function cityResult() { var city=document.getElementById("DropDownList1"); ASP.test_default2_aspx.GetData(city.value,callback); } function callback(res) { document.all("DropDownList2").length=0; var dt=res.value; if(dt!=null && typeof(dt)=="object") { for(var i=0;i<dt.Rows.length;i++) { var name=dt.Rows[i].Title; var id=dt.Rows[i].ID; document.all("DropDownList2").options.add(new Option(name,id)); } } } // --></mce:script> </head> <body> <form id="form1" runat="server"> <div> <div> <asp:dropdownlist id="DropDownList1" runat="server" οnchange="cityResult();"></asp:dropdownlist> <asp:DropDownList ID="DropDownList2" runat="server" οnchange="areaResult();"> </asp:DropDownList> </div> </div> </form> </body> </html>
Ajax无刷新二级联动
最新推荐文章于 2024-05-20 14:20:25 发布