绑定下拉框

首先让大家看看绑定的下拉框与未绑定的下拉框截图
未绑定

已绑定

在这几张图片里可以很清晰的看出已绑定与未绑定、下拉框的区别，首先我们一步步来，不能着急，这是我们的学习心得。先学院下拉框数据绑定，触发年级下拉框数据绑定，再去年级下拉框数据绑定，触发班级下拉框数据绑定，代码如下，就这样绑定下拉框功能就完成了。
loadSearchSelect()：是已经定义好的函数，调用就可以了
createSelect：是已经JS封装好的绑定下拉框函数，也就是调用就行了

//加载查询选项的下拉框

    function loadSearchSelect()
     {
        //学院下拉框数据绑定，触发年级下拉框数据绑定

        $("#searchAcademeID").change(function () {

            //获取选中的学院ID

            var academeId = $("#searchAcademeID").val();

            //绑定年级下拉框数据

            createSelect("searchGradeID", "/ExaminationManagement/SetExaminee/SelectGrade?AcademeID=" + academeId);

            //当重新选择学院的时候，班级下拉框需要清空，等年级信息绑定的时候再绑定班级数据

            $("#searchClassID").empty();

        });

        //年级下拉框数据绑定，触发班级下拉框数据绑定

        $("#searchGradeID").change(function () {

            //获取选中的年级ID

          var gradeId = $("#searchGradeID").val();

          //班级下拉框数据绑定

          createSelect("searchClassID", "/ExaminationManagement/SetExaminee/SelectClass?GradeID=" + gradeId + "&specialtyId=0");

        });

        //学院下拉框绑定

        createSelect("searchAcademeID", "/ExaminationManagement/SetExaminee/SelectAcademe");

    }

当重新选择学院的时候，班级下拉框需要清空，等年级信息绑定的时候再绑定班级数据，如图

    只要加进这句代码  $("#searchClassID").empty(); 便能实现。

每个下拉框绑定与触碰的代码，我都已经注释啦，只要大家认真看便很容易理解。