Rails表单select无需操作数据库时如何处理用户选中值

核心逻辑说明 #

Rails的Helper方法是服务端渲染阶段执行的，用户在浏览器端选择下拉选项时，请求还没回传给服务端，Helper无法直接获取前端实时选中的值，需要通过表单提交流程传递参数。你不需要操作数据库，用虚拟模型承接表单参数即可，全程不会涉及数据库读写。

实现步骤 #

1. 创建无数据库的虚拟模型 #

在app/models/form_data.rb中添加轻量虚拟模型，无需生成数据库迁移文件：

class FormData
  include ActiveModel::Model
  # 声明和下拉框对应的属性
  attr_accessor :foo
end

2. 控制器绑定虚拟模型到表单 #

在渲染表单的控制器Action中初始化虚拟模型实例：

# 假设表单在new页面渲染
def new
  @form_data = FormData.new
end

修改Haml表单开头，绑定该实例，你原有f.select代码无需改动：

# 把submit_path替换成你实际的表单提交路由
= form_with model: @form_data, url: submit_path do |f|
  = f.select :foo, [["12345", "label 1"], ["abcdef", "label 2"]]
  = f.submit "提交"

3. 提交后接收参数传给Helper #

在处理表单提交的控制器Action中拿到选中的值，再传给Helper的foo方法：

def create
  # 拿到用户选中的下拉框值
  selected_foo = params[:form_data][:foo]
  # 调用Helper方法并传入选中值
  processed_result = helpers.foo(selected_foo)
  # 后续根据需求处理结果，比如渲染到页面、返回响应等
end

4. 调整Helper方法处理参数 #

修改你Helper中的foo方法，接收参数后即可做自定义处理：

def foo(selected_value)
  # 这里就可以拿到用户选中的选项值做逻辑处理
  case selected_value
  when "12345"
    # 对应选项1的处理逻辑
  when "abcdef"
    # 对应选项2的处理逻辑
  end
end

补充说明 #

如果你需要用户选下拉框时不提交表单就实时处理逻辑，属于前端交互范畴，需要用JavaScript实现，无法调用服务端的Helper方法。

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