在Laravel中顯示類別，子類別和子子類別時出錯

Question

我的數據庫中有3個表：“ category”，“ subcategory”和“ subchild category”，我想在其中顯示具有顯示類別名稱的屬性，如果產品在子類別下，則應顯示子類別名稱。 請讓我知道如何解決此問題。

這是我的propertcontroller.php：

$cat = Category::where('slug',$cat)->get(['id','category_name']);
$subcatid = Subcategory::where('slug',$subcat)->get(['id']);
$subsubcatid = Subsubcategory::where('slug',$subsubcat)->get(['id']);

這是我的查看代碼：

<span class="tag pull-right">{{$cat}}</span>

Answer 1

定義路線

Route::get('dropdownlist','Propertcontroller@index');
Route::get('get-subcat-list','Propertcontroller@getSubcatList');
Route::get('get-subsubcat-list','Propertcontroller@getSubsubcatList');

Propertcontroller

public function index()
{
    $categories= DB::table("categories")->pluck("name","categories_id");
    return view('index',compact('categories'));
}

public function getSubcatList(Request $request)
{
    $subcategories= DB::table("subcategories")
    ->where("categories_id",$request->categories_id)
    ->pluck("name","subcategories_id");
    return response()->json($subcategories);
}

public function getSubsubcatList(Request $request)
{
    $subsubcat= DB::table("subsubcat")
    ->where("subcategories",$request->subcategories)
    ->pluck("name","subcategories_id");
    return response()->json($subsubcat);
}

您的索引

<select id="categories" name="categories_id" >
    <option value="" selected disabled>Select</option>
    @foreach($categories as $key => $category)
    <option value="{{$key}}"> {{$category}}</option>
    @endforeach
</select>

<select name="subcategories" id="subcategories"></select>
<select name="subsubcat" id="subsubcat"></select>

<script type="text/javascript">
    $('#categories').change(function(){
    var categoryID = $(this).val();    
    if(categoryID){
        $.ajax({
           type:"GET",
           url:"{{url('get-subcategories-list')}}?categories_id="+categoryID,
           success:function(res){               
            if(res){
                $("#subcategories").empty();
                $("#subcategories").append('<option>Select</option>');
                $.each(res,function(key,value){
                    $("#subcategories").append('<option value="'+key+'">'+value+'</option>');
                });

            }else{
               $("#subcategories").empty();
            }
           }
        });
    }else{
        $("#subcategories").empty();
        $("#subsubcat").empty();
    }      
   });
    $('#subcategories').on('change',function(){
    var subcatID = $(this).val();    
    if(subcatID){
        $.ajax({
           type:"GET",
           url:"{{url('get-subsubcat-list')}}?subcat_id="+subcatID,
           success:function(res){               
            if(res){
                $("#subsubcat").empty();
                $.each(res,function(key,value){
                    $("#subsubcat").append('<option value="'+key+'">'+value+'</option>');
                });

            }else{
               $("#subsubcat").empty();
            }
           }
        });
    }else{
        $("#subsubcat").empty();
    }

   });
</script>

尚未測試，但也許會對您有所幫助。