如何基于select标签实现Form_tag跳转至指定项目show页面？

你的代码核心问题在于：form_tag默认会把表单数据提交到指定的project_path，但这个单数路由对应单个项目的操作，没法自动根据你选中的项目ID完成页面跳转——它只会把参数发送到目标路由，不会主动帮你跳转到对应项目的详情页。下面给你几个实用的解决思路：

方法1：前端JS直接跳转（最快捷） #

这种方式不需要后端额外写逻辑，直接在页面里处理跳转逻辑：

<%= form_tag('#', method: :get, id: 'project-jump-form') do %>
  <%= select_tag(:project_id, options_from_collection_for_select(Project.all, :id, :name), prompt: '请选择一个项目') %>
  <%= submit_tag("Go") %>
<% end %>

<script>
  document.getElementById('project-jump-form').addEventListener('submit', function(e) {
    e.preventDefault(); // 阻止表单默认提交行为
    const selectedId = document.querySelector('#project_id').value;
    if (selectedId) {
      // 用Rails路由助手生成标准URL更稳妥
      window.location.href = "<%= project_path(':id') %>".replace(':id', selectedId);
    }
  });
</script>

小细节说明：

• 把form的action设为#，避免默认提交到错误路径
• 加了prompt提示，防止用户没选项目就点击提交
• 用Rails的project_path生成带占位符的URL，替换成选中ID后跳转，比硬写URL更适配路由规则

方法2：后端处理（提交后重定向） #

如果不想依赖JS，可以让表单提交到一个专门的跳转action，由后端完成重定向：

第一步：添加路由 #

在config/routes.rb里新增一条路由：

get '/projects/jump', to: 'projects#jump', as: :project_jump

第二步：在ProjectsController里加跳转逻辑 #

def jump
  # 用find_by避免ID不存在时抛出异常
  if target_project = Project.find_by(id: params[:project_id])
    redirect_to target_project
  else
    redirect_to projects_path, alert: '所选项目不存在'
  end
end

第三步：修改表单代码 #

<%= form_tag(project_jump_path, method: :get) do %>
  <%= select_tag(:project_id, options_from_collection_for_select(Project.all, :id, :name), prompt: '请选择一个项目') %>
  <%= submit_tag("Go") %>
<% end %>

用户点击Go后，表单提交到projects#jump，后端验证项目存在后，重定向到对应项目的show页面。

方法3：无按钮自动跳转（可选优化） #

如果不需要点击按钮，用户选完项目就跳转，可以简化成这样：

<%= select_tag(:project_id, options_from_collection_for_select(Project.all, :id, :name), prompt: '请选择一个项目', onchange: "if(this.value) window.location.href='<%= project_path(':id') %>'.replace(':id', this.value)") %>

这样选中项目后页面直接跳转，省掉了点击按钮的步骤，适合追求简洁的场景。

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