abstrait：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>省市區(qū)ajax三級(jí)聯(lián)動(dòng)</title>
<script src="../common/js/jquery-3.3.1.js"></script>
</head>
<body>
<h3>省市區(qū)，ajax三級(jí)聯(lián)動(dòng)</h3>
?。?lt;select name="" id="pro">
<option value=""></option>
</select>
市：<select name="" id="city"></select>
區(qū)：<select name="" id="area"></select>
<script>
$(function(){
$.ajax({
type:'post',
url:'./php/pro.json',
dataType:'json',
data:'',
success:function(data){
let option = '<option value="">選擇(省)</option>';
$.each(data,function(key,val){
option += '<option value="'+data[key].proId+'">'+data[key].proName+'</option>';
})
$('#pro').html(option);
// $('option[value=""]').remove();
}
})
//選擇市
$('#pro').change(function(){
$('#pro option[value=""]').remove();
console.log($('#pro option:selected').text());
$.ajax({
type:'post',
url:'./php/city.json',
dataType:'json',
data:'',
success:function(data){
console.log(data);
let option = '<option value="">選擇(市)</option>';
$.each(data,function(index){
if(data[index].proId == $('#pro').val()){
option += '<option value="'+data[index].cityId+'">'+data[index].cityName+'</option>'
}
})
$('#city').html(option);
}
})
})
//選擇區(qū)
$('#city').change(function(){
$('#city option[value=""]').remove();
console.log($('#city option:selected').text());
$.ajax({
type:'post',
url:'./php/area.json',
dataType:'json',
data:'',
success:function(data){
console.log(data);
let option = '<option value="">選擇(區(qū))</option>';
$.each(data,function(index){
if(data[index].cityId == $('#city').val()){
option += '<option value="'+data[index].areaId+'">'+data[index].areaName+'</option>'
}
})
$('#area').html(option);
}
})
})
})
</script>
</body>
</html>
Professeur correcteur：天蓬老師Temps de correction：2018-12-24 09:14:45
Résumé du professeur：不知道是你是否真的搞明白了, 不過(guò),從作業(yè)來(lái)看,你沒(méi)有放上數(shù)據(jù)部分, 也沒(méi)有截圖