如何获取由Cell生成的多选下拉框选中数据并传递至控制器？

我创建了一个Cell来生成多选下拉框组件，并将其嵌入到用户视图中，代码实现如下：

<select class="form-control" multiple id="product">
    <?php foreach ($json["data"] as $product):?>
    <option value="<?php echo $product["id"]; ?>"><?php echo $product["name"]; ?></option>
    <?php endforeach; ?>
</select>

随后我将该Cell添加到用户注册表单中，代码为：

<?= $this->cell('Products');?>

请问如何获取用户选中的选项信息，并在表单提交后传递至控制器？能否通过Cell解决该问题？

1. 给多选下拉框添加数组格式的name属性 #

多选下拉框要传递多个选中值，必须给select标签设置数组形式的name属性（如name="product[]"），否则表单提交后控制器无法接收到多个值。修改Cell中的代码：

<select class="form-control" multiple id="product" name="product[]">
    <?php foreach ($json["data"] as $product):?>
    <option value="<?php echo $product["id"]; ?>"><?php echo $product["name"]; ?></option>
    <?php endforeach; ?>
</select>

2. 确保下拉框在表单标签范围内 #

要保证Cell渲染的下拉框被包裹在<form>标签内，表单需指定正确的提交方法（如method="POST"）和目标控制器路由（action="控制器处理方法的URL"）。

3. 控制器中获取选中值 #

表单提交后，在对应的控制器方法中，通过请求对象获取选中的产品ID数组：

• 若使用Laravel框架：

// 从POST请求中获取值，默认返回空数组
$selectedProducts = request()->input('product', []);

• 若使用CakePHP框架：

$selectedProducts = $this->request->getData('product', []);

关于Cell的作用 #

Cell本质是视图复用组件，核心职责是渲染UI，不能直接处理表单提交逻辑。但可以优化Cell的封装性，让它更灵活：
比如给Cell传入自定义的name属性、默认选中值等参数，示例（以Laravel组件为例）：

// Products组件类
namespace App\View\Components;

use Illuminate\View\Component;

class Products extends Component
{
    public $name;
    public $selectedIds;

    public function __construct($name = 'product[]', $selectedIds = [])
    {
        $this->name = $name;
        $this->selectedIds = $selectedIds;
    }

    public function render()
    {
        // 这里获取产品数据源，比如从数据库或API
        $json = // 你的数据获取逻辑
        return view('components.products', [
            'products' => $json["data"],
            'name' => $this->name,
            'selectedIds' => $this->selectedIds,
        ]);
    }
}

对应的视图模板：

<select class="form-control" multiple id="product" name="{{ $name }}">
    @foreach($products as $product)
        <option value="{{ $product['id'] }}" {{ in_array($product['id'], $selectedIds) ? 'selected' : '' }}>
            {{ $product['name'] }}
        </option>
    @endforeach
</select>

这样Cell可以适配不同场景，但表单提交和值的获取仍需依赖常规的表单-控制器流程。

内容的提问来源于stack exchange，提问作者E. Biagi