两个下拉框,通过选择年级下拉框进行查询该年级下的所有班级。
可以对select添加onchage事件,监控下拉事件,下拉选择年级,把年级id传入后台查询出该年级下属班级,把班级列表展示到下拉框。
js:
$("#grade").change(function () {
var grade= $("#grade").val();
$.ajax({
url:base + "/user/grade/list",
dataType: "JSON",
data: {'gradeId': grade},
type: "GET",
success:function (data) {
var gradeNum= data.length;
var option = "<option value=''>请选择年级</option>";
if(gradeNum>0){
$("#labId").html(option);
for(var i = 0;i<gradeNum;i++){
option += "<option value='"+data[i].id+"'>"+data[i].name+"</option>";
}
}
$("#class").html(option);
$("#class").val(Id); //编辑时绑定
$("#class").select2({ minimumResultsForSearch: -1 });//加载样式
},
error:function(e) {
layer.alert("系统异常,请稍候重试!");
}
});
});