【DropDownList】DropDownList绑定数据表实现两级联动示例-绑定数据表-两级联动

欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【DropDownList绑定数据表实现两级联动示例】，下面是详细的讲解！

DropDownList绑定数据表实现两级联动示例

场景一：平时我们在DropDownList控件下添加下拉选项时，都会使用它的Item.Add方法，直接在代码下添加。如果我们想添加或修改下拉选项，则必须去修改源代码。如果几个DropDownList控件的下拉选项相同，我们则需要重复添加好多次，后期的维护工作很不方便。

场景二：我们在12306网站买票时，肯定遇到过这么一种情景：我们需要先选定目的地的省份，选完省份后在城市选框中会自动加载该省份的城市，实现两级联动。

针对以上两个场景，我们可以用DropDownList直接绑定数据表，根据选择的省份动态加载该省份下的城市。光说不练，不是好汉，让我用一个小Demo来大家演示下详细过程吧。

首先我们需要在数据库中建立两个表，一个是Province（省份）表，一个是City（城市）表。建表语句如下：

通过建表语句我们可以知道，北京下有三个城市--海淀、丰台、大兴，河北下有三个城市--衡水、廊坊、保定，山东有三个城市--济南、烟台、青岛。

然后我们在Web窗体中放好控件，效果如下图所示：
 
dropDownList控件名称分别为ddlProvince、ddlCity

接着我们在Web后台代码中实现功能。我们需要在Web窗体加载时，ddlProvince控件绑定Province表，在ddlProvince下拉选项改变时，ddlCity控件绑定City表。实现代码如下：

建立数据库连接类：

Web窗体加载时执行代码：

ddlProvince控件下拉选项改变时执行的代码：

这样，我们就用DropDownList动态绑定数据表，实现了根据选择的省份动态下拉该省份下的城市的功能，达到了面向对象设计中解耦的目的，增强了代码的可维护性和用户的体验度。

希望我的讲解能对大家有所帮助。

关于DropDownList绑定数据表实现两级联动示例的用户互动如下：

　　相关问题：

　　答： >>详细

　　相关问题：

　　答： >>详细

　　相关问题：

　　答： >>详细