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