对asp.net实现DropDownList、ListBox无刷新三级联动(javascri
点击次数：29 次 发布日期：2008-11-26 09:53:14 作者：源代码网
|
源代码网推荐 上篇文章说明了如何实现三级联动，但如果数据量较大，加载时会慢一些，因此经过测试，将需要读取的数据先写入一个文本文件中，然后在加载页面时直接调用此文本文件的内容，省去了读取数据库浪费的时间，数据量大时速度比先前快了许多。 源代码网推荐 数据库请见上一篇文章“asp.net实现DropDownList、ListBox无刷新三级联动(javascript)” 源代码网推荐 源代码网推荐 生成数据文本文件的代码 源代码网推荐 //将地区信息写入文本文件area.js 源代码网推荐 //添加二级地区 源代码网推荐 string strAreaData, strSQL; 源代码网推荐 strAreaData = "<script language = "JavaScript" type="text/javascript">var onecount;onecount=0;subcat = new Array();"; 源代码网推荐 strSQL = "select * from nts_area where oneid<>0 and twoid<>0 and threeid=0 order by sort"; 源代码网推荐 IDataReader dr = DataClass.GetDataReader(strSQL); 源代码网推荐 int i1 = 0; 源代码网推荐 while (dr.Read()) 源代码网推荐 { 源代码网推荐 strAreaData += "subcat[" + i1.ToString() + "] = new Array("" + dr["areaname"].ToString() + "","" + dr["oneid"].ToString() + "","" + dr["twoid"].ToString() + "");"; 源代码网推荐 i1++; 源代码网推荐 源代码网推荐 } 源代码网推荐 strAreaData += "onecount=" + i1.ToString() + ";"; 源代码网推荐 源代码网推荐 //添加三级地区 源代码网推荐 strAreaData += "var onecount1;onecount1=0;subcat1 = new Array();"; 源代码网推荐 源代码网推荐 strSQL = "select * from nts_area where oneid<>0 and twoid<>0 and threeid<>0 order by sort"; 源代码网推荐 dr = DataClass.GetDataReader(strSQL); 源代码网推荐 int n1 = 0; 源代码网推荐 while (dr.Read()) 源代码网推荐 { 源代码网推荐 strAreaData += "subcat1[" + n1.ToString() + "] = new Array("" + dr["areaname"].ToString() + "","" + dr["oneid"].ToString() + "","" + dr["twoid"].ToString() + "","" + dr["threeid"].ToString() + "");"; n1++; 源代码网推荐 源代码网推荐 } 源代码网推荐 dr.Close(); 源代码网推荐 strAreaData += "onecount1=" + n1.ToString() + ";</script>"; 源代码网推荐 源代码网推荐 StreamWriter str; 源代码网推荐 File.Delete(Server.MapPath("~/js/area.js")); 源代码网推荐 源代码网推荐 str = File.CreateText(Server.MapPath("~/js/area.js")); 源代码网推荐 str.WriteLine(strAreaData); 源代码网推荐 str.Close(); 源代码网推荐 源代码网推荐 aspx页面代码 <%--地区无刷新显示 --%> 源代码网推荐 <% Response.WriteFile(Server.MapPath("~/js/area.js")); %> 源代码网推荐 <script language = "JavaScript" type="text/javascript"> 源代码网推荐 源代码网推荐 function changearea1() 源代码网推荐 { 源代码网推荐 document.all("<% =Ddl_AreaTwo.ClientID %>").length = 0; 源代码网推荐 document.all("<% =Ddl_AreaTwo.ClientID %>").options[0] = new Option("选择城市","0"); 源代码网推荐 document.all("<% =Ddl_AreaThree.ClientID %>").length = 0; 源代码网推荐 document.all("<% =Ddl_AreaThree.ClientID %>").options[0] = new Option("选择城市","0"); 源代码网推荐 var oneid=document.all("<% =Ddl_AreaOne.ClientID %>").value; 源代码网推荐 var i; 源代码网推荐 for (i=0;i < onecount; i++) 源代码网推荐 { 源代码网推荐 if (subcat[i][1] == oneid) 源代码网推荐 { 源代码网推荐 document.all("<% =Ddl_AreaTwo.ClientID %>").options[document.all("<% =Ddl_AreaTwo.ClientID %>").length] = new Option(subcat[i][0], subcat[i][2]); 源代码网推荐 } 源代码网推荐 } 源代码网推荐 源代码网推荐 } 源代码网推荐 源代码网推荐 function changearea2() 源代码网推荐 { 源代码网推荐 document.all("<% =Ddl_AreaThree.ClientID %>").length = 0; 源代码网推荐 document.all("<% =Ddl_AreaThree.ClientID %>").options[0] = new Option("选择城市","0"); 源代码网推荐 var twoid=document.all("<% =Ddl_AreaTwo.ClientID %>").value; 源代码网推荐 var oneid=document.all("<% =Ddl_AreaOne.ClientID %>").value; 源代码网推荐 var i; 源代码网推荐 for (i=0;i < onecount1; i++) 源代码网推荐 { 源代码网推荐 if (subcat1[i][2] == twoid) 源代码网推荐 { 源代码网推荐 if (subcat1[i][1] == oneid) 源代码网推荐 { 源代码网推荐 document.all("<% =Ddl_AreaThree.ClientID %>").options[document.all("<% =Ddl_AreaThree.ClientID %>").length] = new Option(subcat1[i][0], subcat1[i][3]); 源代码网推荐 } 源代码网推荐 } 源代码网推荐 } 源代码网推荐 } 源代码网推荐 源代码网推荐 </script> 源代码网推荐 <asp:DropDownList ID="Ddl_AreaOne" runat="server" AppendDataBoundItems="True"> 源代码网推荐 <asp:ListItem Value="0">请选择</asp:ListItem> 源代码网推荐 </asp:DropDownList> 源代码网推荐 <asp:DropDownList ID="Ddl_AreaTwo" runat="server" > 源代码网推荐 <asp:ListItem Value="0">请选择</asp:ListItem> 源代码网推荐 </asp:DropDownList> 源代码网推荐 <asp:DropDownList ID="Ddl_AreaThree" runat="server" > 源代码网推荐 <asp:ListItem Value="0">请选择</asp:ListItem> 源代码网推荐 </asp:DropDownList> 源代码网推荐 cs页面代码 源代码网推荐 protected void Page_Load(object sender, EventArgs e) 源代码网推荐 { 源代码网推荐 Ddl_AreaOne.Attributes.Add("onchange", "changearea1()"); 源代码网推荐 Ddl_AreaTwo.Attributes.Add("onchange", "changearea2()"); 源代码网推荐 string strSQL; 源代码网推荐 strSQL = "select * from nts_area where oneid<>0 and twoid=0 and threeid=0 order by sort"; 源代码网推荐 Ddl_AreaOne.DataSource = DataClass.GetDataReader(strSQL); //此为我写的读取DataReader对象的类 源代码网推荐 Ddl_AreaOne.DataTextField = "areaname"; 源代码网推荐 Ddl_AreaOne.DataValueField = "oneid"; 源代码网推荐 Ddl_AreaOne.DataBind(); 源代码网推荐 } 做人要厚道，请注明转自酷网动力(www.ASPCOOL.COM)。 源代码网推荐 源代码网供稿. |
