abstract：<script type="text/javascript"> $(function() { // 初始化省市区 initAddress(); // 更改省份后的操作 $("select[name='province']").change(function() { var provCode
<script type="text/javascript">
$(function() {
// 初始化省市区
initAddress();
// 更改省份后的操作
$("select[name='province']").change(function() {
var provCode = $("select[name='province']").val();
getCity(provCode);
});
// 更改城市后的操作
$("select[name='city']").change(function() {
var cityCode = $("select[name='city']").val();
getArea(cityCode);
});
});
function initAddress() {
var firstProvCode;
// ajax请求所有省份
$.get("/airticleMgr/address", {
method : "initProvince"
}, function(data) {
$.each(data, function(i, d) {
$("select[name='province']").append(
"<option value='"+d.provinceCode+"'>" + d.provinceName
+ "</option>");
});
// 获取第一个省份的code
firstProvCode = data[0].provinceCode;
// 根据第一个省份code获取对应城市列表
getCity(firstProvCode);
}, 'json');
}
//获取对应城市列表（里面包括获取第一个城市的区县列表）
function getCity(provCode) {
var firstCityCode;
// ajax请求所有市级单位
$.get("/airticleMgr/address", {
method : "getCity",
provCode : provCode
}, function(data) {
// 先清空城市下拉框
$("select[name='city']").empty();
$.each(data, function(i, d) {
$("select[name='city']").append(
"<option value='"+d.cityCode+"'>" + d.cityName
+ "</option>");
});
// 获取第一个城市的code
firstCityCode = data[0].cityCode;
// 根据第一个城市code获取对应区县列表
getArea(firstCityCode);
}, 'json');
}
function getArea(cityCode) {
// ajax请求所有区县单位
$.get("/airticleMgr/address", {
method : "getArea",
cityCode : cityCode
}, function(data) {
// 先清空区县下拉框
$("select[name='area']").empty();
$.each(data, function(i, d) {
$("select[name='area']").append(
"<option value='"+d.areaCode+"'>" + d.areaName
+ "</option>");
});
}, 'json');
}
</script>
Correcting teacher：查无此人Correction time：2019-04-11 14:28:18
Teacher's summary：完成的不错。不过咱们这节课是写接口文档。这个没写吧，要补上。