菜鸟每天练习之二级联动

最新推荐文章于 2019-06-30 10:55:00 发布

cena_jin

最新推荐文章于 2019-06-30 10:55:00 发布

阅读量416

点赞数

分类专栏：基础练习文章标签： dataset string null server table sql

本文链接：https://blog.csdn.net/jin2004406/article/details/6535747

版权

基础练习专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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

实现原理：首先从数据库中查询出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(); } } }

cena_jin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
菜鸟每天练习之二级联动

第一个下拉列表中让你选择城市,而另一个下拉列表让你选择的是乡镇（地区）,当你在城市的下拉列表中的选择发生改变的时候,乡镇的下拉列表也应当跟着你所选择的城市名称而发生改变.这样就产生了一种联动的较果.也就是简单的二级联动..实现原理：首先从数据库中查询出city信息，绑定到city下拉列表框上，当选择city下拉列表框时触发事件（注意：页面中需要加上属性AutoPostBack="t
复制链接

扫一扫