省市县联动 php处理 生成js文件 并且jquery 调用
来源:互联网 发布:天正不能访问到网络锁 编辑:程序博客网 时间:2024/05/16 04:12
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>
0 0
- 省市县联动 php处理 生成js文件 并且jquery 调用
- 省市县联动 php处理 生成js文件 并且jquery 调用
- js省市县联动
- jquery+php+mysql实现Ajax省市县三级联动
- jquery读取xml文件实现省市县三级联动
- js省市县三级联动
- JS-省市县三级联动
- 利用js数组生成省市二级联动
- JS省市联动 需要引用JQUERY包
- jQuery实现省市县三级联动菜单
- 基于jQuery省市县联动插件
- Jquery实现省市县三级联动
- jquery省市县三级地址联动
- jquery+struts2+json省市县三级联动
- jquery全国省市县三级联动
- jQuery ajax实现省市县三级联动
- jquery AJAX 省市联动
- jquery省市联动
- JAVA-Struts2学习之自定义拦截器
- 人活着系列之芳姐和她的猪
- STL容器之关联容器
- ormlite包混淆打包
- 【杭电1285】确定比赛名次
- 省市县联动 php处理 生成js文件 并且jquery 调用
- 人生经验 C#图解教程 学后感悟总结
- HDU:2647 Reward(链表型拓扑排序)
- (二)创建,修改,删除表空间
- Educational Codeforces Round 4 D 扫描线思想
- Spring框架——AOP前置、后置、环绕、异常通知
- 【杭电2647】Reward
- 查看spark on yarn的日志和程序状态的方法
- 1