Laravel中如何将下拉选框选中项ID传递到路由？

看起来你遇到的核心问题是：静态渲染的路由无法获取用户动态选择的下拉框值。页面加载时，{{ route('cart.add', $subproduct->id) }}只会渲染循环中最后一个$subproduct的ID，而不是用户后期选中的选项。下面给你两种可行的解决方案：

方法一：用JavaScript动态更新路由链接 #

这种方法适合继续用GET请求的场景，通过监听下拉框的选择事件，实时修改表单的action或链接的href：

1. 先给下拉框和表单/链接加上标识：

<div class="form-group">
 <label for="">Tallas disponibles</label>
 <select class="form-control" id="subproductSelect" name="subproduct_id">
 @foreach ($subproducts as $subproduct)
 <option value="{{ $subproduct->id}}">{{$subproduct->description}}</option>
 @endforeach
 </select>
</div>

<!-- 表单方式 -->
<form id="addToCartForm" method="GET">
  <button type="submit">添加到购物车</button>
</form>

<!-- 链接方式 -->
<a id="addToCartLink" href="#" >添加到购物车</a>

2. 添加JavaScript代码（原生JS或jQuery版本任选）：

原生JS版本 #

const subproductSelect = document.getElementById('subproductSelect');
const addToCartForm = document.getElementById('addToCartForm');
const addToCartLink = document.getElementById('addToCartLink');

// 监听下拉框变化事件
subproductSelect.addEventListener('change', function() {
  const selectedId = this.value;
  // 更新表单action
  addToCartForm.action = `/add-to-cart/${selectedId}`;
  // 更新a标签href
  addToCartLink.href = `/add-to-cart/${selectedId}`;
});

// 页面加载时初始化默认值
window.addEventListener('load', function() {
  const selectedId = subproductSelect.value;
  addToCartForm.action = `/add-to-cart/${selectedId}`;
  addToCartLink.href = `/add-to-cart/${selectedId}`;
});

jQuery版本 #

$(document).ready(function() {
  $('#subproductSelect').on('change', function() {
    const selectedId = $(this).val();
    $('#addToCartForm').attr('action', `/add-to-cart/${selectedId}`);
    $('#addToCartLink').attr('href', `/add-to-cart/${selectedId}`);
  });
  
  // 初始化默认选中项的链接
  const defaultId = $('#subproductSelect').val();
  $('#addToCartForm').attr('action', `/add-to-cart/${defaultId}`);
  $('#addToCartLink').attr('href', `/add-to-cart/${defaultId}`);
});

方法二：改用POST表单提交（更推荐购物车场景） #

购物车添加操作通常用POST请求更合理，且无需JS就能实现：

1. 修改表单结构，设置下拉框的name属性：

<form action="{{ route('cart.add')}}" method="POST">
  @csrf
  <div class="form-group">
   <label for="">Tallas disponibles</label>
   <select class="form-control" name="subproduct_id" id="">
   @foreach ($subproducts as $subproduct)
   <option value="{{ $subproduct->id}}">{{$subproduct->description}}</option>
   @endforeach
   </select>
  </div>
  <button type="submit">添加到购物车</button>
</form>

2. 更新路由定义（去掉路由参数，改用POST请求）：

Route::post('/add-to-cart', 'CartController@add')->name('cart.add');

3. 调整控制器代码，获取提交的ID并查询模型：

use Illuminate\Http\Request;
use App\Models\Subproduct; // 引入你的子产品模型

public function add(Request $request) {
  // 验证提交的ID是否有效
  $request->validate([
    'subproduct_id' => 'required|exists:subproducts,id'
  ]);
  
  $subproduct = Subproduct::findOrFail($request->subproduct_id);
  
  \Cart::add(array(
    'id' => $subproduct->id,
    'name' => $subproduct->description,
    'price' => $subproduct->price,
    'quantity' => 1,
    'attributes' => array(),
    'associatedModel' => $subproduct
  ));
  
  return back();
}

另外提醒一个细节：你的原路由参数是{product}，但实际传递的是子产品ID，控制器类型提示却是Product $product，这会导致模型绑定失败（ID对应子产品而非主产品）。如果子产品是独立模型，建议把路由参数改成{subproduct}，控制器类型提示改成Subproduct $subproduct，这样模型绑定才能正常工作。

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