abstract:城市三级联动 请选择省:城市三级联动
请选择省:
请选择市:
请选择区:
$(function(){
$.getJSON('Josn/1.json',function(data){
var option = '';
$.each(data,function(i){
option+= '';
});
$(".set").html(option);
});//省
$(".set").change(function(){
$.getJSON('Josn/2.json',function(data){
var option = '';
$.each(data,function(i){
if (data[i].proId == $(".set").val()) {
option+= '';
}
});
$(".set1").html(option);
})
})//市
$(".set1").change(function(){
$.getJSON('Josn/3.json',function(data){
var option = '';
$.each(data,function(i){
if (data[i].areaId == $(".set1").val()) {
option+= '';
}
});
$(".set2").html(option);
})
})//区
})
Correcting teacher:天蓬老师Correction time:2019-02-18 11:36:39
Teacher's summary:这个案例的重点在于onchange事件,与异步的获取json数据
