在 laravel 的两个不同的 Select Tag 中显示嵌套 foreach 循环的数据

Question

我有两个模型（类别，品牌）与 laravel 中的一对多关系（hasMany）相关，例如category hasMany brands。现在我想在一个选择标签中显示品牌数据，在另一个选择标签中显示类别模型数据。

• 这是我的控制器代码

     $category=Category::with('brands')->get();
      return view('product.add')->with('category',$category);

• 这是我的视图刀片。

     <div class="form-group">
       <select name="category_id" class="input">
         <option value="">Select Main    Category</option>
           @foreach($category as $category)
         <option value="{{$category->id}}">{{$category->name}}</option>
           @endforeach
       </select>
     </div>
     <div class="form-group">
       <select name="brand_id" class="input">
           @foreach($brands->brands as $brand)
              <option value="{{$brand->id}}">{{$brand->name}}</option>
           @endforeach
       </select>
     </div>

它不工作

Answer 1

你可以做一些简单的事情：

    <div class="form-group">
       <select name="category_id" class="input">
         <option value="">Select Main    Category</option>
           @foreach($category as $cat)
         <option value="{{$cat>id}}">{{$cat->name}}</option>
           @endforeach
       </select>
     </div>
     <div class="form-group">
       <select name="brand_id" class="input">
           @foreach($category as $cat)
           @foreach($cat->brands as $brand)
              <option value="{{$brand->id}}" category="{{$cat->id}}">{{$brand->name}}</option>
           @endforeach
           @endforeach
       </select>
     </div>

并且您只需要使用 javascript(jquery) 显示所选选项的品牌

    $('[name="category_id"]').on('change',function() {
       if($(this).val() != '') {
          $('[name="brand_id"] option').hide();
          $('[name="brand_id"] option[category="'+$(this).val()+'"]').show();
       } else {
           $('[name="brand_id"] option').show();
       }

    });