三级联动+Lavarel

1、前端HTML代码

                
                    *商品分类
                

                    
                        请选择
                        @foreach($level1 as $v)
                        {{$v->cate_name}}
                        @endforeach
                    
                
                

                    

                    
                
                

                    

                    
                
            

2、前端js代码

       layui.use(['form', 'layer','jquery','upload',"element"],
        function() {
            $ = layui.jquery;
            var form = layui.form;
                layer = layui.layer;
                upload = layui.upload;

            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('goods/getSon')}}",{id:id},function (data) {
                        // console.log(id);
                        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 add()
    {
        $level1 = DB::table("category")->where('pid', 0)->orderBy('id', 'desc')->get();
        $data = compact("level1");
        return view('admin/goods/add', $data);
    }
    // 获取二级分类
    public function getSon()
    {
        $id = request()->input("id");
        $sons = DB::table('category')->where(['pid' => $id])->get();
        $data = compact('sons');
        return response()->json($data);
    }