如何在Rails表单中正确绑定Hash类型字段？

嘿，我刚好踩过类似的坑！你现在的核心问题是没利用好Rails表单助手对嵌套Hash参数的支持——这正是解决动态键值对提交的完美方案，完全能替代数组方式，保证每个颜色和输入值精准对应。

问题根源 #

你之前用form.text_field :bucket循环生成字段时，每个输入框的name属性都是board[bucket]（假设表单绑定的是@board对象），浏览器提交时只会保留最后一个同名字段的值，所以最终params[:board][:bucket]要么是空，要么只有最后一个颜色的输入，自然没法得到完整的Hash。

而用bucket[]的数组方式，虽然能收集所有值，但动态增减颜色时，数组顺序和颜色的对应关系完全不可靠，确实不是理想方案。

正确实现方式 #

Rails支持通过**bucket[颜色名]**的命名格式提交Hash类型参数，这样每个输入框的name会是board[bucket][red]、board[bucket][green]这种形式，提交后params[:board][:bucket]就是一个键为颜色名、值为输入值的完整Hash。

把你的表单代码改成这样：

<% @board.fetch_all_colors.each do |color| %>
  <%= form.label color, "#{color}:" %>
  <div class="input">
    <%# 用:"bucket[#{color}]"指定嵌套字段，同时回显已有值 %>
    <%= form.text_field :"bucket[#{color}]", value: @board.bucket[color.to_sym] || 0.0 %>
  </div>
<% end %>

模型层配套处理 #

为了确保Rails能正确把提交的Hash赋值给bucket字段，需要在模型里做序列化配置（如果用SQLite/MySQL这类不原生支持Hash的数据库）：

# app/models/board.rb
class Board < ApplicationRecord
  serialize :bucket, Hash
  # 如果用PostgreSQL，推荐用jsonb类型，更高效：
  # attribute :bucket, :jsonb, default: {}
end

这样提交表单后，params[:board][:bucket]会自动转换成Ruby Hash，直接赋值给@board.bucket，完全不用手动处理参数映射。

额外说明 #

如果更倾向于用text_field_tag（比如表单没绑定ActiveRecord对象的场景），也可以这么写，效果一致：

<%= text_field_tag "board[bucket][#{color}]", @board.bucket[color.to_sym] || 0.0 %>

这种方式生成的name属性和form助手写法一致，同样能提交出正确的Hash参数。

这样不管后续动态增减颜色选项，每个输入值都会和对应的颜色键绑定，再也不用担心对应关系错乱的问题啦！

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