如何在Rails参数中以数组形式传递多选下拉框值？

在Rails应用中使用了一个包含多个模板实例的复杂表单，每个模板内都有一个用于产品变体的下拉框。提交表单时，希望将所有下拉框的选中值以数组形式传入params中。

表单简化示例：

<div class="nested-form-wrapper">
  <!-- Other form fields -->
  <div class="variatios_form_container"></div>

  <template id="variationsFormTemplate">
    <div data-controller="variations">
      <select id="variation_select" data-action="change->variations#change">
        <!-- Options -->
      </select>
      <div>
        <%= f.label :variation_options, 'Select an option' %>
        <%= f.select :variation_options, [], {}, {data: {variations_target: "optionsSelect"}} %>
      </div>
    </div>
  </template>
</div>

期望在控制器中得到的params格式：

params[:product_stock][:variation_options] = [val1, val2, val3, ...]

已尝试的方法：

• 设置选择框名称为数组形式：尝试将选择框命名为variation_options[]，但出现NoMethodError。

  <%= f.select 'variation_options[]', [], {}, {data: {variations_target: "optionsSelect"}} %>
  

• 分配唯一ID：通过递增计数器为每个选择框分配唯一ID，但无法解决将值以数组形式传入params的问题。

1. 修正表单字段的命名格式 #

Rails表单助手生成数组参数的正确方式是手动指定字段的name属性为数组格式，而非直接在f.select的第一个参数中写variation_options[]（这会触发NoMethodError，因为Rails会尝试调用模型的variation_options[]方法）。

修改模板中的下拉框代码：

<%= f.select :variation_options, [], {}, { 
  name: "#{f.object_name}[variation_options][]",
  data: { variations_target: "optionsSelect" } 
} %>

通过#{f.object_name}[variation_options][]的命名格式，每个动态添加的下拉框提交时都会将值归入同一个数组，最终在params中形成params[:product_stock][:variation_options]数组。

2. 配置模型与强参数 #

• 模型层：如果variation_options是虚拟属性，需要在模型中声明；如果是数据库字段（如json/jsonb类型），确保字段类型正确：

  # app/models/product_stock.rb
  class ProductStock < ApplicationRecord
    attr_accessor :variation_options # 虚拟属性场景
    # 数据库字段场景无需此声明，确保字段为json/jsonb即可
  end
  

• 控制器层：在强参数中明确允许variation_options作为数组接收：

  # app/controllers/product_stocks_controller.rb
  def product_stock_params
    params.require(:product_stock).permit(
      # 其他表单字段
      variation_options: []
    )
  end
  

3. 动态模板的兼容处理 #

由于使用了<template>标签动态生成表单实例，模板中已固定正确的name属性格式，因此每次克隆模板插入DOM时，新生成的下拉框会自动继承该命名，无需额外修改。结合Turbo Stimulus控制器使用时，直接克隆插入即可正常工作。

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