百度云 ajax jquery 三级联动,jquery中使用AJAX实现省市县三级联动

省市县三级联动"/>

百度云 ajax jquery 三级联动,jquery中使用AJAX实现省市县三级联动

摘要：AJAX是现在数据提交和读取的重要手段,感觉这是一个关键重点 ,反复看了两遍,感觉还是有所提升.

AJAX是现在数据提交和读取的重要手段,感觉这是一个关键重点 ,反复看了两遍,感觉还是有所提升.

省:

市:

区县:

$(function(){

//选择省

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

// console.log(data);

let option = '选择(省) '

$.each(data,function (i) {

option += ''+data[i].proName+''

})

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

})

//选择市

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

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

// console.log(data);

let option = '选择(市) '

$.each(data,function (i) {

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

option += ''+data[i].cityName+''

}

})

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

})

})

//选择区县

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

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

// console.log(data);

let option = '选择(区县) '

$.each(data,function (i) {

if (data[i].cityId == $('#city').val()) {

option += ''+data[i].areaName+''

}

})

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

})

})

})

批改老师：查无此人批改时间：2019-05-13 09:27:46

老师总结：完成的不错。三级联动非常实用。继续加油。