省市区三级联动

首先,php端代码如下:

 public function house_add(){
		
		$provincelist = M('area')->where(array('area_parent_id'=>0,'area_deep'=>1))->select();
		$this->assign('provincelist',$provincelist);
    	$this->assign('country',C("country"));
    	$this->assign('property_type',C("property_type"));
        $this->display();
    }

然后,html端代码如下:

<div class="form-group"  id="pcd" >
										<label class="col-sm-3 control-label no-padding-right" for="form-field-4">省市区:</label>
										<div class="col-sm-9">
										<select id="province" name="province">
										 <option value=''>请选择</option>
									    <volist name="provincelist" id="po">
									        <option value='{$po.area_id}'>{$po.area_name}</option>
									    </volist>
										</select>
										<select id="city"  name="city"><option value=''>请选择</option></select>
										<select id="district" name="district"><option value=''>请选择</option></select>
										<span class="error_msg" id='error_district'></span>
										</div>
									</div>
接着,jq代码如下:

<script>//加载市区下拉
	$('#province').change(function(){
	    var pid = $(this).val();
	    $.get("/Home/House/address",{'pid':pid}, function (i) {
	        if(i.status=='1'){
	            $('#city').append(i.data);
	
	        }
	    },'json');
	})
	
	$('#city').change(function(){
	    var cid = $(this).val();
	    $.get("/Home/House/address",{'cid':cid}, function (i) {
	        if(i.status=='2'){
	            $('#district').append(i.data);
	        }
	    },'json');
	})

  

</script>
最后上address的代码:

//省市区联动
    public function address(){
        //市
        $pid = I('get.pid');
        $citylist = M('area')->where(array('area_parent_id'=>$pid,'area_deep'=>2))->select();
        if($citylist){
            $cityinfo ='';
                foreach ($citylist as $key=>$val) {
                   $cityinfo .='<option value="'.$val['area_id'].'">'.$val['area_name'].'</option>';
                }
            echo json_encode(array('status'=>1,'data'=>$cityinfo));
        }
        // 县
        $cid = I('get.cid');
        $areaslist = M('area')->where(array('area_parent_id'=>$cid,'area_deep'=>3))->select();
        if($areaslist){
            $areasinfo = "";
                foreach ($areaslist as $k=>$v) {
                   $areasinfo .='<option value="'.$v['area_id'].'">'.$v['area_name'].'</option>';
                }
            echo json_encode(array('status'=>2,'data'=>$areasinfo));
        }


    }






  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
省市联动,-- Table structure for province -- ---------------------------- DROP TABLE IF EXISTS `province`; CREATE TABLE `province` ( `id` int(5) NOT NULL auto_increment, `name` varchar(255) default '', `pid` int(5) default NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8; -- ---------------------------- -- Records of province -- ---------------------------- INSERT INTO `province` VALUES ('82', '北京市', '0'); INSERT INTO `province` VALUES ('83', '天津市', '0'); INSERT INTO `province` VALUES ('84', '河北省', '0'); INSERT INTO `province` VALUES ('85', '山西省', '0'); INSERT INTO `province` VALUES ('86', '内蒙古自治区', '0'); INSERT INTO `province` VALUES ('87', '辽宁省', '0'); INSERT INTO `province` VALUES ('88', '吉林省', '0'); INSERT INTO `province` VALUES ('89', '黑龙江省', '0'); INSERT INTO `province` VALUES ('90', '上海市', '0'); INSERT INTO `province` VALUES ('91', '江苏省', '0'); INSERT INTO `province` VALUES ('92', '浙江省', '0'); INSERT INTO `province` VALUES ('93', '安徽省', '0'); INSERT INTO `province` VALUES ('94', '福建省', '0'); INSERT INTO `province` VALUES ('95', '江西省', '0'); INSERT INTO `province` VALUES ('96', '山东省', '0'); INSERT INTO `province` VALUES ('97', '河南省', '0'); INSERT INTO `province` VALUES ('98', '湖北省', '0'); INSERT INTO `province` VALUES ('99', '湖南省', '0'); INSERT INTO `province` VALUES ('100', '广东省', '0'); INSERT INTO `province` VALUES ('101', '广西壮族自治区', '0'); INSERT INTO `province` VALUES ('102', '海南省', '0'); INSERT INTO `province` VALUES ('103', '重庆市', '0'); INSERT INTO `province` VALUES ('104', '四川省', '0'); INSERT INTO `province` VALUES ('105', '贵州省', '0'); INSERT INTO `province` VALUES ('106', '云南省', '0'); INSERT INTO `province` VALUES ('107', '西藏自治区', '0'); INSERT INTO `province` VALUES ('108', '陕西省', '0'); INSERT INTO `province` VALUES ('109', '甘肃省', '0'); INSERT INTO `province` VALUES ('110', '青海省', '0'); INSERT INTO `province` VALUES ('111', '宁夏回族自治区', '0'); INSERT INTO `province` VALUES ('112', '新疆维吾尔自治区', '0'); INSERT INTO `province` VALUES ('113', '台
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值