下拉框数据的绑定
开发工具与关键技术：DW、VS MVC
作者：木林森
撰写时间：2019年5月26日
学习ASP.NET MVC时，我们接触了很多的新增修改和查询，在新增修改查询中，我们经常也可以看到下拉框数据的绑定，今天我们就来看看下拉框是如何绑定数据的吧。
下拉框数据的绑定大概有四种方式：
1、 数据来自于数据库，我们在做的时候就需要从数据库中读取出数据，并将它显示出来；
2、 一个下拉框的数据的改变触发另一个下拉框数据的绑定；
3、 数据是固定的，也就是数据是已经被写死了，那同样我们也有一套固定的代码；
4、 数据直接从下拉框中枚举出来。
下面将会对1、2两点依次进行举例说明。
数据来自数据库：首先你得在视图中的select标签放置一个ID，用于后面点击事件的绑定，例子代码如下;
然后就在控制器中进行查询，控制器查询步骤如下:
1、 查询下拉框需要的数据
2、 拼接选项（这里拼接的是：—请选择-----）
3、 返回数据
做完以上三步控制器就基本完成了。控制器的代码如图1
图1
说完控制器再回到视图，视图层的代码非常的简单，只要createSelect加上先前放置好的ID和控制器中查询时给的命名就行。代码（左）及效果（右）如图2
图2
上面举例了数据来自数据库的绑定，下面就举例一个下拉框的数据的改变触发另一个下拉框数据的绑定，这个是我们经常可以看到的：比如在选择地址信息时，选择了省份它就会自动绑定该省的城市；在医院选择科室时，它就会绑定该科室对应的医生；在学校时，你选择不同的学院就会绑定年级，选择了年级就会绑定班级，作为学生的我们接触学院这条会比较多，下面就拿学院数据的改变触发年级和班级数据的绑定做例子：
这里跟前面的例子一样，先是给下拉框一个ID，然后在控制器中分别查询出学院的信息、年级的信息和班级的信息。在控制器中查询时，学院、年级和班级要分开查询，所以查询的代码较多，这里就不细细展开，请参考前一个例子的控制器代码，视图层的代码如图3、图4：
图3（设置下拉框ID，用于后面的点击事件和触发事件）
图4
这里值得注意的是：createSelect在后面的控制器查询命名之后，还要加上那个触发它改变的元素获取的ID，在拼接的时候要注意双引号、问好和&符号的使用，请仔细观察例子中的代码，&符号不写它有时候不会报错，但是它就会影响到触发事件，所以要注意符号的使用。
下面请看绑定后的效果图：
