MVC的下拉框的绑定事件

开发工具与关键技术：VS，MVC
作者：陈梅
撰写时间：2019年4月23日
图片代码来源于老师教程
这次所分享的是项选择第一个下拉框的数据，相应的绑定下一个下拉框所选择的的数据的功能。这个功能在开发项目中最为常见，所以在这我需要分享一下。
下面让我们看一下控制器的代码部分


下拉框的控制的代码其实就是一个单表查询，一个下拉框为一个表，所以实现多个下拉框的绑定需要有几个表的关联，在这里我就想展现出两张表的关联。一个是学院表，一个是专业表，选择了某一个学院，专业就会绑定相应学院的专业。绑定下拉框需要到两个值，一个系显示值，一个是ID值。首先我们先查询学院里面的信息，因为要操作数据库获取数据，所以查询表格是要用List接收，Select是封装的实体类，因为id和text要经常用到，所以给它们封装了一个实体类。而专业下拉框的控制器代码就要涉及根据学院ID来查询具体的专业的功能。代码与学院中的代码基本一样。就是需要获取学院ID，以学院ID作为条件进行筛选数据，把选中的学院的专业筛选出来的功能。接下来我们看一下视图代码的部分。

代码十分简单，其实还需要绑定年级，班级的表来实现下拉框的绑定，因为都与学院和专业代码差不多，在这就没展现出来了。在视图代码中，我们要先重置了表单才能进行下拉框数据的绑定，因为我们需要已进入模态框时，页面是没有数据的。因为学院是一进到模态框中就有数据可以进行选择，所以学院需要立刻绑定好数据，直接执行学院信息。学院是没有任何的事件能触发，所以一进去就能立刻绑定好数据。而其他的下拉框就要等学院的信息选好了，才会相应的显示要选择的数据。然后就到专业了，因为专业和年级都是根据学院所选的信息决定的，所以要去获取学院的input标签，然后去触发专业和年级的改变事件。再然后就进行专业和年的的绑定事件。而专业和年级要获取的ID，必须要与控制器的ID一样。接着班级的下拉框是根据年级所选的信息进行把绑定的，代码块有点多，但是也是很简单的。我就不再说明了。


进入新增页面。所在学院的下拉框就立刻显示数据，所在专业、所在年级和所在班的的数据没有显示出来，给所在学院选择好想要的信息后，所在专业和所在年级同时绑定数据，并且与所在学院的选出的数据相对应，所在班级要在所在年级或所在专业选了信息后才会绑定数据。这样下拉框的数据绑定就完成了。