abstrakt：<script type="text/javascript"> $(function() { // 初始化省市區(qū) initAddress(); // 更改省份后的操作 $("select[name='province']").change(function() { var provCode
<script type="text/javascript">
$(function() {
// 初始化省市區(qū)
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;
// 根據(jù)第一個省份code獲取對應(yīng)城市列表
getCity(firstProvCode);
}, 'json');
}
//獲取對應(yīng)城市列表（里面包括獲取第一個城市的區(qū)縣列表）
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;
// 根據(jù)第一個城市code獲取對應(yīng)區(qū)縣列表
getArea(firstCityCode);
}, 'json');
}
function getArea(cityCode) {
// ajax請求所有區(qū)縣單位
$.get("/airticleMgr/address", {
method : "getArea",
cityCode : cityCode
}, function(data) {
// 先清空區(qū)縣下拉框
$("select[name='area']").empty();
$.each(data, function(i, d) {
$("select[name='area']").append(
"<option value='"+d.areaCode+"'>" + d.areaName
+ "</option>");
});
}, 'json');
}
</script>
Korrigierender Lehrer：查無此人Korrekturzeit：2019-04-11 14:28:18
Zusammenfassung des Lehrers：完成的不錯。不過咱們這節(jié)課是寫接口文檔。這個沒寫吧，要補(bǔ)上。