add.html
<div class="row">
<label class="col-xs-2 control-label">学校:</label>
<div class="col-xs-4">
<select id="aschool" >
<option value="">请选择学校</option>
</select>
</div>
</div>
<div class="row">
<label class="col-xs-2 control-label">年级:</label>
<div class="col-xs-4">
<select id="agrade" >
<option value="">请选择年级</option>
</select>
</div>
</div>
<div class= " row" >
<label class="col-xs-2 control-label">班级:</label>
<div class="col-xs-4">
<select class="form-control" id="aclasses" name="cid">
<option value="">请选择班级</option>
</select>
</div>
</div>
js
$(document).ready(function() { //页面加载时运行此函数 放在最前端
/* 三级联动 */
$.ajax({
url: ctx + "system/school/select",
type: 'GET',
success:function (data) {
<!--清空下拉框中的缓存-->
$("#aschool").empty();
<!--避免下拉框的值不变-->
$("#aschool").append("<option value=''>请选择学校</option>");
<!--使用循环解析后端传来的数据,并用使用js动态拼接html语言-->
for (var i = 0; i < data.length; i++){
$("#aschool").append("<option value='" + data[i].scid + "'>" + data[i].sname + "</option>");
}
}
});
$("#aschool").change(function () {//同上面一样
// alert($("#aschool").val())
$.ajax({
url: ctx + "system/grade/select",
type: 'GET&