TP5城市联动

HTML代码

<div class="div">

</div>
<script src="/static/js/lx.js"></script>
<script type="text/javascript" src="__STATIC__/js/jquery-1.7.2.min.js"></script>
<script>
    getCity($('.div'),"{:url('api/region/city')}",0);
</script>

JS代码 (注意js版本，有些版本不支持live属性)

function getCity($id,$url,$upid){
    $.post($url,{upid:$upid},function (data) {
        if(data.code==200){
            var $str = "<select name='city[]' class='city'>";
            $.each(data.list,function (i,v) {
                $str += '<option value="'+v.id+'">'+v.name+'</option>';
            })
            $str +='</select>';
            $id.append($str);
        }
        var $upid  = $id.children("select:last-child").val();
        // console.log($upid);
        getCity($id,$url,$upid);
    });
}
$("select[class=city]").live('change',function () {
    console.log($(this).val());
    $(this).nextAll('select').remove();
});

PHP代码

public function city(Request $request)
   {
        $upid = $request->param("upid");
        $list = Db::name("district")->where("upid",$upid)->select();
        if($list){
            return json(["code"=>200,"list"=>$list]);
        }else{
            return json(["code"=>201]);
        }
   }

城市级联sql文件

链接: https://pan.baidu.com/s/1nNVk7GSikht8z28EGjAKkw 提取码: jg6g

写的有不合理的地方请指出来，谢谢！ 253372540@qq.com