下拉框的绑定

开发工具与关键技术：MVC
作者：胡名权
撰写时间：2019年6月1日

当我们写项目的时候往往会有许多的下拉框，那么下拉框的绑定是我们要学会的了，这里的话我们就一起来学习下拉框数据的绑定。
首先我们知道，会用到很多的下拉框绑定，要是我们每一次都把绑定的方法写一遍很费时间，也很繁琐，所以我们直接把方法封装起来，每次遇到的时候调用它就好了。
在我们知道值的情况下，就只有两个参数，不知道的话就有唱歌参数，也就出现了两种情况，我们就需要针对这两种情况封装了他们的方法。
根据json对象创建select下拉框：

根据url创建下拉框：
在我们选择数据前，要让它数据是清空的，所以的，我们要在调用数据库的数据之前写上一句代码：内部前置内容：
$(selectId).prepend(’’ + “–请选择–” + ‘’);
效果就不言而喻的显示在页面上。
而且要注意的是我们封装的方法里的id、text要与数据库一致，才能不出现错误，把数据传过来。
fromId form表单id
url 查询下拉框的url
value 设置值
下拉框的绑定方法有：
（1） 下拉框中的数据是写死的，我们直接给出死代码即可。
（2） 下拉框中的数据从数据库中读取出来，从而进行显示。
（3） 下拉框中直接用枚举显示。
（4） 下拉框中一个选择值改变另外一个下拉框中的值。
我们随便对一个数据进行绑定：
例如：
//学院下拉框绑定
createSelect(“searchAcademeID”,"/ExaminationManagement/SetExaminee/SelectAcademe");
这是直接对一个下拉框绑定，还有就是绑定这一下拉框触发另外一个下拉框数据的绑定。
例如：

//加载查询选项的下拉框
function loadSearchSelect() {
//学院下拉框数据绑定，触发年级下拉框数据绑定
$("#searchAcademeID").change(function () {
//获取选中的学院ID
var academeId = $("#searchAcademeID").val();
//绑定年级下拉框数据
createSelect(“searchGradeID”, “/ExaminationManagement/SetExaminee/SelectGrade?AcademeID=” + academeId);
//当重新选择学院的时候，班级下拉框需要清空，等年级信息绑定的时候再绑定班级数据
$("#searchClassID").empty();
});

我们绑定好数据，还需要在控制器写一段代码，才能查询出来

在这里插入图片描述
这里的id、text的大小写要与数据库一样才能有数据，不出错。
在实际操作中还需要在查询方法里写判断，获取数据，以及一些掺杂在查询代码中的一两句代码。
到这里我们的下拉框的大致内容就介绍完了，了解更详细的还请自行操作。