三级联动+ThinkPHP

1、前端HTML代码

                
                    *商品一级分类
                

                    
                        请选择
                        {foreach $level1 as $v}
                        {$v.cate_name}
                        {/foreach}
                    
                
                

                    

                    
                
                

                    

                    
                
            

2、前端JS代码

function changeCate(args1,args2){
            form.on('select('+args1+')',function (data) {
                // 获取一级分类id
                var id = data.value;
                if(id == 0){
                    $("#"+args2).html("");
                    form.render();
                    return false;
                }
                // 根据一级分类id 查询二级分类
                $.get("{:url('getSon')}",{id:id},function (data) {
                    var str = "请选择";
                    for(var i=0;i"+data.sons[i].cate_name+"";
                    }
                    $("#"+args2).html(str);
                    form.render();
                },"json");
            });
        }
        changeCate('level1','level2');
        changeCate('level2','level3');

3、后端PHP代码

public function create(){
        // 获取一级分类
        $level1 = Db::name("category")->where("pid",0)->order("id")->select();
        $data = compact("level1");
        return view("",$data);
    }
    // 获取二级分类
    public function getSon($id){
        $data['sons'] = Db::name("category")->where(["pid"=>$id])->select();
        $data['sql'] = Db::getLastSql();
        return json($data);
    }