php表单联动,PHP+JS打造三级地区联动表单

HTML部分：

请选择城市

请选择区域

JS部分：

$("select[name=prov]").change(function(){//选择省

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

$.ajax({

type:'post',

url:site_url+'/index.php?act=shopmap&op=area_list',

data:{area_id:prov_ids},

dataType:'json',

success:function(data){

var city_html = '请选择...';

for(var i=0;i

city_html+=''

+data.area_list[i].area_name+'';

}

$("select[name=city]").html(city_html);

$("select[name=region]").html('请选择...');

}

});

});

$("select[name=city]").change(function(){//选择城市

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

$.ajax({

type:'post',

url:site_url+'/index.php?act=shopmap&op=area_list',

data:{area_id:city_ids},

dataType:'json',

success:function(data){

var region_html = '请选择...';

for(var i=0;i

region_html+=''

+data.area_list[i].area_name+'';

}

$("select[name=region]").html(region_html);

}

});

});

PHP部分：

public function area_listOp() {

$area_id = intval($_POST['area_id']);

$model_area = Model('area');

$condition = array();

if($area_id > 0) {

$condition['area_parent_id'] = $area_id;

} else {

$condition['area_deep'] = 1;

}

$area_list = $model_area->getAreaList($condition, 'area_id,area_name');

echo json_encode(array('area_list'=>$area_list));

}