Rails中form_for循环生成输入仅提交最后一项的解决方法

嘿，我明白你遇到的问题了——循环生成的表单字段因为同名被覆盖，所以提交时只有最后一个值被保留对吧？这在Rails里是个很常见的场景，我来给你两种可行的解决办法：

方法一：使用Rails嵌套属性（推荐） #

这是Rails官方推荐的处理多字段提交的方式，适合需要长期维护的项目，能更好地利用Rails的ORM特性。

步骤1：调整模型关联 #

首先假设你需要一个中间模型（比如InventoryItem）来关联Inventory和Product，这样每个库存条目对应一个产品和数量：

# app/models/inventory.rb
class Inventory < ApplicationRecord
  has_many :inventory_items
  accepts_nested_attributes_for :inventory_items, allow_destroy: true
end

# app/models/inventory_item.rb
class InventoryItem < ApplicationRecord
  belongs_to :inventory
  belongs_to :product
end

步骤2：在控制器中构建空对象 #

在表单对应的控制器动作（比如new）里，为每个产品预先构建对应的inventory_item：

# app/controllers/inventories_controller.rb
def new
  @inventory = Inventory.new
  @products = Product.all # 假设你是这样获取产品列表的
  @products.each do |product|
    @inventory.inventory_items.build(product: product)
  end
end

步骤3：修改表单代码 #

使用fields_for来渲染每个嵌套的条目字段：

<%= form_for :inventory do |f| %>
  <% @products.each do |product| %>
    <%= f.fields_for :inventory_items, @inventory.inventory_items.find { |ii| ii.product_id == product.id } do |ff| %>
      <tr>
        <td><%= product.name %></td>
        <td><%= product.measurement %></td>
        <td><%= ff.number_field :amount, class: 'form-control' %></td>
        <%= ff.hidden_field :product_id, value: product.id %>
      </tr>
    <% end %>
  <% end %>
  <%= f.submit %>
<% end %>

提交后，控制器会自动把params[:inventory][:inventory_items_attributes]解析成嵌套属性，你可以直接用@inventory.save来保存所有条目。

方法二：手动设置数组式字段名（快速解决） #

如果不想改动模型关联，也可以直接通过修改字段的name属性，让浏览器把所有条目打包成数组提交：

<%= form_for :inventory do |f| %>
  <% @products.each do |product| %>
    <tr>
      <td><%= product.name %></td>
      <td><%= product.measurement %></td>
      <td><%= f.number_field :amount, class: 'form-control', name: 'inventory[items][][amount]' %></td>
      <%= f.hidden_field :product_id, value: product.id, name: 'inventory[items][][product_id]' %>
    </tr>
  <% end %>
  <%= f.submit %>
<% end %>

提交后，在控制器里你会得到一个数组格式的参数：

# params[:inventory][:items] 示例
[
  { "amount" => "10", "product_id" => "1" },
  { "amount" => "5", "product_id" => "2" },
  # ... 其他产品的条目
]

你可以遍历这个数组来处理每个产品的数量数据。

问题根源解释 #

你原来的代码里，每个输入框的name都是inventory[amount]和inventory[product_id]，当循环生成多个同名字段时，浏览器只会保留最后一个字段的值，所以提交时只有最后一个条目被发送。而数组式的name（比如inventory[items][][amount]）会告诉浏览器把所有同组的字段打包成数组，这样所有条目都会被提交。

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