Laravel嵌套foreach循环中实现关联属性选中状态

问题分析 #

原视图中判断选中状态的逻辑{{$product->attributes==$loop->index?'selected':''}}完全错误：$product->attributes是Eloquent关联集合，和循环索引$loop->index（数字）没有可比性，导致永远无法标记已关联属性为选中。

修复步骤 #

1. 优化控制器数据查询（避免N+1查询+预存已选ID） #

在产品编辑的控制器方法中，预加载产品关联的属性，并提取已选属性的ID集合，传递到视图：

public function edit($id)
{
    // 预加载产品的属性关联
    $product = Product::with('attributes')->findOrFail($id);
    // 提取已关联属性的ID，存为集合方便后续判断
    $selectedAttributeIds = $product->attributes->pluck('id');
    // 预加载分类及其下属属性，减少数据库查询
    $taxonomies = Taxonomy::with('attributes')->get();

    return view('products.edit', compact('product', 'taxonomies', 'selectedAttributeIds'));
}

2. 修正Blade视图的选中判断逻辑 #

把原视图中option标签的选中判断替换为检查当前属性ID是否在已选集合中：

@foreach($taxonomies as $taxonomy)
    <div class="controls">
        <a type="button" class="btn btn-link" onclick="remoteAttributeProduct({{$taxonomy->id}})" title="Remove line">X</a>
    </div>
    <label class="form-label">Taxonomy</label>
    <input style="color:#000000" class="form-control" placeholder="{{ $taxonomy->name }}" value="{{ $taxonomy->name }}" readonly>

    <label class="form-label {{ $errors->has('attribute') ? ' has-error' : '' }}">Attributes for {{ $taxonomy->name }}</label>
    <select style="width:100%" class="productattributeselect form-group js-example-basic-multiple"
            name="taxonomyId-[{{$taxonomy->id}}]"
            multiple="multiple">
        @foreach($taxonomy->attributes as $attribute)
            <option class="productattributeoption" value="{{$attribute->id}}" {{ $selectedAttributeIds->contains($attribute->id) ? 'selected' : '' }}>
                {{$attribute->name}}
            </option>
        @endforeach
    </select>
@endforeach

补充说明 #

• 使用pluck('id')将已关联属性的ID提取为集合，contains()方法可以高效判断当前属性是否已被产品关联
• 预加载Taxonomy::with('attributes')和Product::with('attributes')避免了页面渲染时的N+1数据库查询问题，提升页面性能

内容的提问来源于stack exchange，提问作者Jordan Tsapanidis