php ajax 联动查询,PHP+ajax 地区联动

HTML代码：

退货地址

*退货地址

省

@if($user->id)

{!! $supplierProviceStreet['return_province_list_view'] !!}

@endif

@foreach($provinces as $province)

{{$province->name}}

@endforeach

市

@if($user->id)

{!! $supplierProviceStreet['return_city_list_view'] !!}

@endif

区/县

@if($user->id)

{!! $supplierProviceStreet['return_area_list_view'] !!}

@endif

*街道

街道

@if($user->id)

{!! $supplierProviceStreet['return_street_list_view'] !!}

@endif

jquery代码：

$(function(){

//联动获取注册城市，退货城市、区、街道

$("#reg_province,#return_province,#return_city,#return_area").change(function(){

var parent_code = $(this).val();

var level_data = $(this).attr('level_data');

if(level_data == 1) $("#hidden_return_province").val(parent_code);

if(level_data == 2) $("#hidden_return_city").val(parent_code);

if(level_data == 3) $("#hidden_return_area").val(parent_code);

if(level_data == 4) $("#hidden_return_street").val(parent_code);

if(level_data == 5) $("#hidden_reg_province").val(parent_code);

if(level_data < 4){

$("#return_street option:gt(0)").remove();

if(level_data < 3){

$("#return_area option:gt(0)").remove();

if(level_data < 2){

$("#return_city option:gt(0)").remove();

}

}

}else{

$("#reg_city option:gt(0)").remove();

}

$.ajax({

url: "{{URL::Route('api.getProvinceToStreet')}}",

method:"post",

data:{"parent_code":parent_code},

success: function (data) {

data = JSON.parse(data);

if (data.length > 0) {

var html = '';

for(var i = 0;i < data.length;i++){

html += ''+data[i]['name']+'';

}

if(level_data == 1){

$("#return_city").append(html);

}else if(level_data == 2){

$("#return_area").append(html);

}else if(level_data == 3){

$("#return_street").append(html);

}else{

$("#reg_city").append(html);

}

}

}

});

});

//设置注册城市、退回街道的隐藏域

$("#reg_city,#return_street").change(function(){

var parent_code = $(this).val();

var level_data = $(this).attr('level_data');

if(level_data == 6) $("#hidden_reg_city").val(parent_code);

if(level_data == 7) $("#hidden_return_street").val(parent_code);

});

});

省市区街道四级数据下载：

链接：http://pan.baidu.com/s/1eRDpjkI 密码：vc68