abstrait：<!DOCTYPE html> <html> <head> <title>三級聯(lián)動</title> <meta charset="utf-8"> </head> <body> 省:<select id="pro">&l
<!DOCTYPE html>
<html>
<head>
<title>三級聯(lián)動</title>
<meta charset="utf-8">
</head>
<body>
省:<select id="pro"></select>
市:<select id="city"></select>
縣:<select id="area"></select>
<p id="addr"></p>
<script type="text/javascript" src="../../jquery-3.3.1.min.js"></script>
<script>
// 首先讀取在頁面需要顯示的內容;
$(document).ready(function(){
$.getJSON('pro.json',function(data){
var option = '<option>請選擇省</option>';
//遍歷返回來的對象;
$.each(data,function(i){
option += '<option value="'+data[i].proId+'">'+data[i].proName+'</option>';
});
$('#pro').html(option);
});
})
//點擊省...
$('#pro').change(function(){
$('#addr').html($(this).find(':selected').text());
$.getJSON('city.json',function(data){
var option = '<option>請選擇省</option>';
$.each(data,function(i){
if(data[i].toId == $('#pro').val()){
option += '<option value="'+data[i].cityId+'">'+data[i].cityName+'</option>';
}
});
$('#city').html(option);
})
});
//點擊市...
$('#city').change(function(){
$('#addr').append(' '+$(this).find(':selected').text());
$.getJSON('area.json',function(data){
var option = '<option>請選擇省</option>';
$.each(data,function(i){
if(data[i].toid == $('#city').val()){
option += '<option value="'+data[i].id+'">'+data[i].name+'</option>';
}
})
$('#area').html(option);
});
});
$('#area').change(function(){
//直接在元素后面用append做添加,
$('#addr').append(' '+$(this).find(':selected').text());
});
</script>
</body>
</html>總結:用append做的添加,暫時想不到用其他簡單的方法;
Professeur correcteur：查無此人Temps de correction：2019-04-24 15:42:56
Résumé du professeur：完成的不錯，還可以用.html，全部替換。繼續(xù)加油。