若依框架——＞三级联动 添加，默认修改

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&