Laravel Blade动态添加商品与数量时数组值被覆盖的解决咨询

问题根源 #

你当前的表单字段命名是productOrder[product][product_id]和productOrder[product][amount]，这种命名会让所有提交的商品数据都覆盖同一个product数组下的同名键，最终只会保留最后一次选择的值。另外你期望的数组结构存在错误——PHP数组不允许重复键名，无法同时存在两个product_id键，正确结构应该是包含多个商品对象的数组，每个对象独立存储product_id和amount。

正确解决方案 #

修改表单字段的name属性，采用productOrder[][product_id]和productOrder[][amount]的命名规则，PHP会自动将同一组的商品ID和数量归到同一个索引的子数组中。

修改后的Blade代码示例

{{-- 每组商品选择都用这个结构，动态新增的行也遵循同样命名 --}}
<div class="row mb-3">
  <label class="col-md-4 col-form-label text-md-end">{{ __('Product') }}</label>
  <div class="col-md-6">
    <select name="productOrder[][product_id]" class="form-control @error('productOrder.*.product_id') is-invalid @enderror" required>
      @foreach($products as $product)
        <option value="{{ $product->id }}">{{ $product->name }}</option>
      @endforeach
    </select>
    @error('productOrder.*.product_id')
      <span class="invalid-feedback" role="alert">
        <strong>{{ $message }}</strong>
      </span>
    @enderror
  </div>
</div>
<div class="row mb-3">
  <label class="col-md-4 col-form-label text-md-end">{{ __('Amount') }}</label>
  <div class="col-md-6">
    <input type="text" class="form-control @error('productOrder.*.amount') is-invalid @enderror" 
           name="productOrder[][amount]" required>
    @error('productOrder.*.amount')
      <span class="invalid-feedback" role="alert">
        <strong>{{ $message }}</strong>
      </span>
    @enderror
  </div>
</div>

提交后的数组结构

选择两组商品提交后，$request->productOrder会得到如下正确结构：

array:2 [▼
  0 => array:2 [▼
    "product_id" => "2"
    "amount" => "20"
  ]
  1 => array:2 [▼
    "product_id" => "4"
    "amount" => "30"
  ]
]

控制器中遍历使用

这样你就可以用预期的方式遍历数据：

foreach ($request->productOrder as $product) {
    // 正常获取商品ID和数量
    // dd($product['amount']);
}

补充说明 #

如果通过JS动态新增商品行，只需确保新增的每组select和input都使用上述命名规则，PHP会自动完成分组处理。

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