菜鸟每天练习之二级联动

最新推荐文章于 2021-06-02 15:15:53 发布

原创最新推荐文章于 2021-06-02 15:15:53 发布 · 500 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#dataset #string #null #server #table

基础练习专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用ASP.NET实现的简单二级联动下拉菜单示例。通过数据库查询填充两个级联的下拉列表，当选择城市时，乡镇列表会相应更新。此示例展示了如何在Web应用程序中实现联动效果。

第一个下拉列表中让你选择城市,而另一个下拉列表让你
选择的是乡镇（地区）,当你在城市的下拉列表中的选择发生改变的时候,
乡镇的下拉列表也应当跟着你所选择的城市名称而发生改变.
这样就产生了一种联动的较果.也就是简单的二级联动..

实现原理：首先从数据库中查询出city信息，绑定到city下拉列表框上，当选择city下拉列表框时触发事件（注意：页面中需要加上属性AutoPostBack="true"），根据city下拉列表框的值查询出town信息绑定到town下拉列表框，主要是把数据绑定到下拉列表框的问题。

建2个表：CREATE TABLE city (cityid varchar (20) primary key,

cityname varchar (100) NOT NULL ,)

CREATE TABLE town (townid varchar (20) primary key,townname varchar (100) NOT NULL ,
unitid varchar (20) NOT NULL ,)

town表中townid对应city表中cityid，没有建外键关联了

页面：

后台：

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data; using System.Data.SqlClient; namespace WebTest { public partial class United : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if(!IsPostBack)//页面第一次加载时 { BindCity(); BindTown(); } } public DataSet ds = null; public SqlDataAdapter dapt = null; string strCon = "data source=.;database=Test_DB;user id=sa;password=123"; protected void BindCity() { SqlConnection con = new SqlConnection(strCon); con.Open(); string sql = "select cityid,cityname from city"; dapt = new SqlDataAdapter(sql, con); ds = new DataSet(); dapt.Fill(ds); this.DropDownList1.DataSource = ds.Tables[0].DefaultView; this.DropDownList1.DataTextField = ds.Tables[0].Columns["cityname"].ToString();//绑定显示的文本 this.DropDownList1.DataValueField = ds.Tables[0].Columns["cityid"].ToString();//绑定下拉列表框的值 this.DropDownList1.DataBind();//绑定之后才能添加，插入 //this.DropDownList1.Items.Add(new ListItem("城市","4")); //this.DropDownList1.Items.Insert(0, new ListItem("城市", "0")); ds.Dispose(); dapt.Dispose(); con.Close(); } protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) { BindTown(); } private void BindTown() //第二个下拉列表框绑定 { string id = DropDownList1.SelectedValue; //选中第一个下拉列表框的值，就是绑定到第一个下拉列表框的 cityid SqlConnection con = new SqlConnection(strCon); string sql = "select townid,townname from town where unitid=@id"; SqlParameter par = new SqlParameter("@id", SqlDbType.NVarChar); SqlCommand cmd = new SqlCommand(sql, con); //cmd.Parameters.Add("id",id); cmd.Parameters.Add(par).Value = id; dapt = new SqlDataAdapter(cmd); ds = new DataSet(); dapt.Fill(ds); this.DropDownList2.DataSource = ds.Tables[0].DefaultView; this.DropDownList2.DataTextField = ds.Tables[0].Columns["townname"].ToString(); this.DropDownList2.DataValueField = ds.Tables[0].Columns["townid"].ToString(); this.DropDownList2.DataBind(); } } }