ASP.NET中DropDownList和ListBox实现两级联动功能

ASP.NET中的DropDownList与ListBox实现两级联动功能详解

在ASP.NET Web窗体开发中，我们常常需要实现一种功能，那就是所谓的“两级联动”。具体来说，当你在一个DropDownList中选择一个省份时，ListBox会自动显示该省份下的所有城市。这种功能广泛应用于各类注册、选择地址等网页中。今天，让我们揭开ASP.NET中这一功能的神秘面纱。

一、设置前台界面

我们需要在Web窗体中添加两个控件：DropDownList和ListBox。界面设计相对直观，可以根据实际需求进行调整。

二、后台代码编写

在Page_Load事件中，我们需要进行后台代码的编写。主要工作包括：

1. 判断页面是否第一次加载。

2. 建立数据库连接，这里假设已经有一个名为DB的类，其中包含了创建数据库连接的方法。

3. 从数据库中获取省份信息，并将其绑定到DropDownList上。

示例代码如下：

```csharp

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack) //判断页面是否第一次加载

{

SqlConnection con = DB.createConnection(); //创建数据库连接

SqlCommand cmd = new SqlCommand("select from province", con); //查询省份信息

SqlDataReader sdr = cmd.ExecuteReader();

this.DropDownList1.DataTextField = "proName"; //设置显示文本字段

this.DropDownList1.DataValueField = "proID"; //设置值字段

this.DropDownList1.DataSource = sdr; //绑定数据源

this.DropDownList1.DataBind(); //绑定数据

sdr.Close(); //关闭数据读取器

}

}

```

三、实现联动功能

接下来，我们需要编写DropDownList的SelectedIndexChanged事件代码，以实现单击省份时，ListBox自动添加该省份下的所有城市。示例代码如下：

```csharp

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

{

this.ListBox1.Items.Clear(); //清空ListBox中的项

SqlConnection con2 = DB.createConnection(); //再次创建数据库连接

SqlCommand cmd1 = new SqlCommand("select from city where proID=" + this.DropDownList1.SelectedValue, con2); //根据省份ID查询城市信息

SqlDataReader sdr1 = cmd1.ExecuteReader();

while (sdr1.Read())

{

this.ListBox1.Items.Add(new ListItem(sdr1.GetString(2), sdr1.GetInt32(0).ToString())); //添加城市到ListBox中

}

}

```

运行文件后，当在DropDownList中选择一个省份时，ListBox会自动显示出该省份下的所有城市。通过这种方式，我们实现了ASP.NET中的两级联动功能。相比其他Web控件，如GridView和Repeater，DropDownList和ListBox在这种场景下更为简洁高效。