abstrak：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>省市區(qū)三級聯(lián)動</title> </head><body>?。?lt;selec
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>省市區(qū)三級聯(lián)動</title>
</head>
<body>
省：<select name="" id="pro"> </select>
市：<select name="" id="city"></select>
區(qū)縣：<select name="" id="area"></select>
<script type="text/javascript" src="jquery-3.3.1.js"></script>
<script>
$(function() {
$.getJSON("1.json",function (data) {
let option='<option value="">選擇(省)</option>';
$.each(data, function(i){
option += '<option value="' + data[i].proId + '">'+ data[i].proName + '</option>';
})
$('#pro').html(option);
})
})
$('#pro').change(function(){
console.log($(this).find('.selected').text());
$.getJSON("2.json",function (data) {
let option='<option value="">選擇(市)</option>';
$.each(data, function(i){
if(data[i].proId==$('#pro').val()){
option += '<option value="' + data[i].cityId + '">'+ data[i].cityName + '</option>';
}
})
$('#pro').html(option);
})
})
$('#city').change(function(){
console.log($(this).find('.selected').text());
$.getJSON("3.json",function (data) {
let option='<option value="">選擇(區(qū)縣：)</option>';
$.each(data, function(i){
if(data[i].cityId==$('#city').val()){
option += '<option value="' + data[i].areaId + '">'+ data[i].areaName + '</option>';
}
})
$('#area').html(option);
})
})
</script>
</body>
</html>
Guru membetulkan：天蓬老師Masa pembetulan：2018-12-16 16:32:36
Rumusan guru：作業(yè)完成的不錯，最好能付上運行結(jié)果的截圖。