亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

完成省市級(jí)三級(jí)聯(lián)動(dòng)案例

原創(chuàng) 2019-03-16 12:34:15 272
摘要:<!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>實(shí)戰(zhàn)</title>

</head>


<body>

?。?lt;select id="pro" name=""></select>

市:<select id="city" name=""></select>

區(qū)縣:<select id="area" name=""></select>

<span id="add1"></span>省

<span id="add2"></span>市

<span id="add3"></span>

<script src="./js/jquery-3.3.1.min.js"></script>

<script>

$(function(){

$.getJSON('inc/1.json',function(data){

let option ='<option value="">請(qǐng)選擇(省)</option>';

$.each(data,function(i){

option += '<option value="'+data[i].proId+'">'+data[i].proName+'</option>';

})

$('#pro').html(option);

})

});

$('#pro').change(function(){

$('#add1').html($(this).find(':selected').text());

$.getJSON('inc/2.json',function(data){

let option ='<option value="">請(qǐng)選擇(市)</option>';

$.each(data,function(i){

if(data[i].proId == $('#pro').val()){

option += '<option value="'+data[i].cityId+'">'+data[i].cityName+'</option>';

}

})

$('#city').html(option);

})

});

$('#city').change(function(){

$('#add2').html($(this).find(':selected').text());

$.getJSON('inc/3.json',function(data){

let option ='<option value="">請(qǐng)選擇(區(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);

})

});

$('#area').change(function(){

$('#add3').html($(this).find(':selected').text());

})

</script>

</body>

</html>

1.png

批改老師:滅絕師太批改時(shí)間:2019-03-16 13:15:50
老師總結(jié):作業(yè)完成的很好!細(xì)節(jié)地方可以帶上備注哦!

發(fā)佈手記

熱門詞條