下拉框数据的绑定

开发工具与关键技术：Visual Studio 和  ASP.NET.MVC,
作者：陈鸿鹏
撰写时间：2019年  4月10日

在此之前我们要用到一个方法，就是createSelect这个方法。在createSelect方法里面呢就有三个参数一个是selectId, 一个是url,一个是 value。 selectId呢就是指的是页面是的下拉框。 url是接下来下拉框的数据来的源。 Value指的是一个指定的值在下来框显示。
//学院下拉框数据绑定
createSelect(“searchAcademeID”, “selectAcademe”);
createSelect方法里放对应的ID searchAcademeID 和所在的路径selectAcademe，selectAcademe就是路径。之后回到控制器写下拉框数据的查询和拼接如图一所示。之后回到页面继续


//学院下拉框数据改变，触发年级下拉框数据绑定
$("#searchAcademeID").change(function () {这就是先获取好到 #searchAcademeID，给他一个change事件，当学院下拉框数据改变，就触发change事件，触发年级下拉框数据绑定，change事件就是这个意思。
//获取选中的学院ID
var academeId = $("#searchAcademeID").val();声明一个变量academeId=上面# searchAcademeID的val的值。
//绑定年级下拉框
createSelect(“searchGradeID”, “selectGrade?AcademeID=” + academeId);这也是和上面学院下拉框数据绑定一样用一个createSelect方法。回到控制器写下拉框数据的查询和拼接如图二所示，用limq的方法查询 tbGrade.AcademeID = = AcademeID（是否等于），select new SelectVo{}转换为ToList()格式就可以了。


//清空班级下拉框
$("#searchClassID").empty();
});

//年级下拉框数据改变，触发班级下拉框数据绑定
$("#searchGradeID").change(function () {
先获取好到 #searchGradeID，给他一个change事件，当年级下拉框数据改变，就触发change事件，触发年级下拉框数据绑定。
由于年级下拉框数据改变，触发年级下拉框数据绑定要先获取的到选中的学院ID和年级ID。

//获取选中的学院ID&年级ID
var academeId = $("#searchAcademeID").val();
这跟学院下拉框一样声明一个变量academeId=上面#searchAcademeID的val的值。
var gradeId = $("#searchGradeID").val();
这也是声明一个变量academeId 这个变量是根据呢的所需声明=上面所获取的# searchGradeID的val的值。

//绑定班级下拉框
createSelect(“searchClassID”, “selectClass?AcademeID=” + academeId + “&GradeID=” + gradeId + “&SpecialtyID=0”);
接着绑定班级下拉框用同样的方法createSelect获取所需的ID searchClassID，和拼接的方法把前面的学院、年级只有前面的俩个触发改变班级才绑定，到这里呢还是要回到控制器写下拉框数据的查询、判断和拼接，还是用limq的方法查询 ……。详细如图三所示。
});


到这下拉框的绑定就完成了。