您的位置：首页 > Web前端 > JQuery

省市县联动 php处理生成js文件并且jquery 调用

2016-08-05 21:11 423 查看

php 代码

public function region(){
$province = DB::table('ecs_region')->where('region_type',1)->get();
//print_r($province);die;
foreach($province as $v){
$province_data[$v->region_id]=$v->region_name;
}
// print_r($province_data);
$city = DB::table('ecs_region')->where('region_type',2)->get();
// print_r($city);

foreach($province_data as $k=>$v){
foreach($city as $key=>$val){
if($k==$val->parent_id){
$city_data[$k][$val->region_id] = $val->region_name;
$city_id[]=$val->region_id;
}
}
}
$county = DB::table('ecs_region')->where('region_type',3)->get();
//print_r($city_data);
foreach($city_id as $k=>$v){
foreach($county as $key=>$val){
if($v==$val->parent_id){
$county_data[$v][$val->region_id] = $val->region_name;
//$city_id[]=$val->region_id;
}
}
}
//print_r($county_data);
$data['province'] = $province_data;
$data['city'] = $city_data;
$data['county'] = $county_data;
$data_json = Json_encode($data);
$data_json = "var json=".$data_json;

$filename="./area.js";
file_put_contents($filename,$data_json);
}

html 页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
<table>
<tr>
<td>省</td>
<td>
<select name="province" id="province" onchange="pro_change(this)">
<option value="">请选择</option>
</select>
</td>
</tr>
<tr>
<td>市</td>
<td>
<select name="city" id="city" onchange="city_change(this)">
<option value="">请选择</option>
</select>

</td>
</tr>
<tr>
<td>县</td>
<td>
<select name="county" id="county">
<option value="">请选择</option>
</select>
</td>
</tr>
</table>
</body>
</html>

<script src="{{ URL::asset('/') }}area.js"></script>
<script src="{{ URL::asset('/') }}js/jquery.js"></script>
<script>

var obj = eval(json);
//alert(obj.province[2]);
var str="";
for(var i in obj.province){
str+= '<option value="'+i+'">'+obj.province[i]+'</option>';
}
//alert(str);
$("#province").html(str);

function pro_change(pro){
var id = $(pro).val();
//alert(id);
var str="<option>请选择</option>";
for(var i in obj.city[id]){
str+= '<option value="'+i+'">'+obj.city[id][i]+'</option>';
}
//alert(str);
$("#city").html(str);
$("#county").html("<option>请选择</option>");
}

function city_change(pro){
var id = $(city).val();
//alert(id);
var str="";
for(var i in obj.county[id]){
str+= '<option value="'+i+'">'+obj.county[id][i]+'</option>';
}
//alert(str);
$("#county").html(str);
}

</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： php 省市县联动 jquery

相关文章推荐

新的分享

章节导航

省市县联动 php处理 生成js文件 并且jquery 调用

省市县联动 php处理生成js文件并且jquery 调用