表单中多个 元素若使用相同 name 属性（如均为 category_id），后端只能接收到最后一个的值；必须为每个下拉框设置唯一 name，才能完整获取所有选中数据。

表单中多个 `` 元素若使用相同 `name` 属性（如均为 `category_id`），后端只能接收到最后一个的值；必须为每个下拉框设置唯一 `name`，才能完整获取所有选中数据。

在 Web 表单开发中，

提交时，浏览器会将所有具有 name 属性的表单控件按 name=value 键值对编码发送。关键规则是：当多个控件使用相同的 name 时，只有最后一个控件的值会被保留（标准 HTML 行为），除非该 name 显式声明为数组形式（如 name="category_id[]"）且后端正确解析。

您当前代码中三个 标签均使用了 name="category_id"：

<select name="category_id" ...> <!-- 供应商 -->
<select name="category_id" ...> <!-- 分类 -->
<select name="category_id" ...> <!-- 订单状态 -->

这导致 PHP（或其他后端）通过 $_POST['category_id'] 只能取到第三个下拉框（订单状态）的值，前两个被覆盖。

✅ 正确做法有两类：

方案一：为每个下拉框分配唯一 name（推荐，语义清晰）
修改 name 属性，体现业务含义：

<td>
  <select class="form-control selectpicker filter" name="supplier_id[]" multiple data-live-search="true">
    {foreach $suppliers as $supplier}
      <option value="{$supplier.supplier_id}" {if $selected_supplier_id eq $supplier.supplier_id}selected{/if}>
        {$supplier.supplier_name}
      </option>
    {/foreach}
  </select>
</td>
<td>
  <select class="form-control selectpicker filter" name="category_id[]" multiple data-live-search="true">
    <option value="0" selected>{t}Category filter{/t}</option>
    {include file="./ProductManagement_filters_category.tpl" categories=$categories}
  </select>
</td>
<td>
  <select class="form-control selectpicker filter" name="order_status_id[]" multiple data-live-search="true">
    {foreach $order_statuses as $status}
      <option value="{$status.order_status_id}" {if $selected_status_id eq $status.order_status_id}selected{/if}>
        {$status.order_status_name}
      </option>
    {/foreach}
  </select>
</td>

后端（如 PHP）即可分别获取：

$suppliers = $_POST['supplier_id'] ?? [];     // 数组，含所有选中供应商 ID
$categories = $_POST['category_id'] ?? [];   // 数组，含所有选中分类 ID
$statuses = $_POST['order_status_id'] ?? []; // 数组，含所有选中状态 ID

方案二：统一用数组名 + 下标（不推荐，可读性差）
如 name="filter[supplier]"、name="filter[category]"，但需额外解析，增加复杂度。

⚠️ 注意事项：

• multiple 属性必须配合 [] 后缀（如 name="xxx[]"）才能确保浏览器提交为数组格式；
• Smarty 模板中 {if $value eq ...} 的 $value 需确保与对应字段逻辑匹配（例如供应商应比对 $supplier.supplier_id，而非通用 $value）；
• 前端 JS 初始化 selectpicker 后，需调用 .selectpicker('refresh') 确保动态选项生效；
• 后端务必对 $_POST 数据进行校验与过滤（如 array_filter() 去空、intval() 转整型），防止注入或空值异常。

总结：表单控件的 name 是数据传递的“键”，唯一性与语义化是可靠获取多组数据的前提。避免重复 name，善用数组命名约定（xxx[]），并配合后端健壮解析，即可高效处理复杂筛选表单。