简单的省市两级联动

        这次看教程又碰到了DropDownList控件实现的两级联动，上次由于VS出了点问题，所以没实现，这次决定实现一下。

        前台界面是下面两个不修边幅的DropDownList：

        


        数据库查询语句如下：

use beidaqingniao
create table sheng
(
proID int primary key,
proName varchar(30) not null
)
insert into sheng values(1,'北京')
insert into sheng  values(2,'黑龙江')
insert into sheng  values(3,'河北')
insert into sheng  values(4,'山东')
insert into sheng  values(5,'天津')
insert into sheng  values(6,'台湾')

create table chengshi
(
cityID int primary key,
proID int foreign key references sheng(proID),
cityName varchar(30) not null
)
insert into chengshi values(1,1,'北京')
insert into chengshi values(2,2,'哈尔滨')
insert into chengshi values(3,2,'齐齐哈尔')
insert into chengshi values(4,3,'保定')
insert into chengshi values(4,3,'廊坊')

        数据库结构很简单，sheng（又命名不规范了……）表中的proID是chengshi表中proID的外键。

        后台代码如下：

protected void Page_Load(object sender, EventArgs e)
{

if (!IsPostBack )
{
SqlConnection con = GetConnString();
con.Open();
SqlCommand sqlcmd = new SqlCommand("select * from sheng", con);
SqlDataReader reader = sqlcmd.ExecuteReader();        //生成sheng表的sqldatareader
drpProvince.DataSource = reader;            //数据源
drpProvince.DataTextField = "proName";              //显示的字段为proName（省名）
drpProvince.DataValueField = "proID";               //字段值为proID（省ID）
drpProvince.DataBind();//绑定
reader.Close();             //关闭sqldatareader
con.Close();                //关闭连接
}
SqlConnection conn = GetConnString();
conn.Open();
SqlCommand sqlcity = new SqlCommand("select * from chengshi where proID=" + drpProvince.SelectedItem.Value, conn);
SqlDataReader readercity = sqlcity.ExecuteReader();
drpCity.DataSource = readercity;
drpCity.DataTextField = "cityName";
drpCity.DataValueField = "cityID";
drpCity.DataBind();
readercity.Close();
conn.Close ();
}
public SqlConnection GetConnString()
{ //建立连接
SqlConnection con = new SqlConnection("Server=.;database=beidaqingniao;uid=sa;pwd=123456");
return con;
}

        运行结果：



        需要注意的是，应该把两个DropDownList的AutoPostBack属性设置为True。通过这个例子，终于分清楚了选择系列控件中的DataTextField和DataValueField，实现的过程中还犯了一个低级错误，就是把这两个控件的数据绑定都放到了回发判断语句下面，结果是无论选择那个省级的项，市级一直是“北京”，这是因为判断了回发，所以即使重新选择，也不会更新市级数据。关于IsPostBack的使用，欢迎访问我的博客《不要“若只如初见”——WEB/BS开发必备基础知识》

        因为只是为了简单说明两级联动这个例子，所以在实现方面没有建立BLL和DLL注释也稍显拙劣。