select2，三级联动（班级，学号，姓名）

     

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

                var url ="${ctx}/grade/getStudentList" ;
                var classesId= $("#classesSelect").val();
                //清空学号中的select2数据

                $("#studentNoSelect").select2("val", " ");  

                //将姓名输入框中的内容置空    

                $("#student\\.name").val("");

                $.ajax({
                    url:url,
                    dataType: "JSON",
                    data: {'classesId': classesId},
                    type: "GET",
                    success:function (data) {
                        var studentNum= data.length;
                        var option = "<option value=''>请选择</option>";
                        if(studentNum>0){
                            $("#studentNoSelect").html(option);
                            for(var i = 0;i<studentNum;i++){
                                option += "<option value='"+data[i].studentNo+"'>"+data[i].studentNo+"</option>";
                            }
                        }
                        $("#studentNoSelect").html(option);
                    },
                    error:function(e) {
                        layer.alert("系统异常，请稍候重试！");
                    }
                });
            });


            $("#studentNoSelect").change(function () {
                var url ="${ctx}/grade/getStudent" ;
                var studentNo= $("#studentNoSelect").val();
                $.ajax({
                    url:url,
                    dataType: "JSON",
                    data: {'studentNo': studentNo},
                    type: "GET",
                    success:function (data) {
                        var name = data.name;
                        var id = data.id;
                        $("#student\\.name").val(name);
                        $("#student\\.id").val(id);
                    },
                    error:function(e) {
                        layer.alert("系统异常，请稍候重试！");
                    }
                });
            });

// 班级，学号，姓名

<div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>班级：</label>
            <div class="formControls col-xs-8 col-sm-9 skin-minimal">
                <c:if test="${not empty grade.id}">
                    <form:input type="text" class="input-text" placeholder="班级" path="classes.name" disabled="true"/>
                </c:if>
                <c:if test="${empty grade.id}">
                    <select class="select" size="1" id="classesSelect" name="classes.id">
                        <option value="">请选择</option>
                        <c:forEach items="${classesList}" var="classes">
                            <option value="${classes.id}">${classes.name}</option>
                        </c:forEach>
                    </select>
                </c:if>
            </div>
        </div>
       <%-- <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>学号：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <form:input type="text" class="input-text" placeholder="学号" path="studentNo" />
            </div>
        </div>--%>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>学号：</label>
            <div class="formControls col-xs-8 col-sm-9 skin-minimal">
                <c:if test="${not empty grade.id}">
                    <form:input type="text" class="input-text" placeholder="学号" path="student.studentNo" disabled="true"/>
                </c:if>
                <c:if test="${empty grade.id}">
                <select class="select" size="1" id="studentNoSelect" name="student.studentNo">
                    <option value="">请选择</option>
                    <%--<c:forEach items="${classesList}" var="classes">
                        <option value="${classes.id}">${classes.name}</option>
                    </c:forEach>--%>
                </select>
                </c:if>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>姓名：</label>
            <div class="formControls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" placeholder="姓名" name="student.name" value="${grade.student.name}" id="student.name"<c:if test='${not empty grade.id}'> disabled='true' </c:if>/>
            </div>
        </div>