Rails中select_tag嵌套form/input group时无法传递参数的问题排查

核心原因 #

你用link_to模拟表单提交按钮是参数无法传递的关键——link_to生成的<a>标签即便指定了method: :post，也只会携带自身参数，不会自动收集表单内select_tag的值，因为它本质是发起独立请求，而非触发标准的表单提交流程。

具体修复步骤 #

1. 替换link_to为标准表单提交按钮

这是最直接的解决方案，标准提交按钮会自动携带所有表单控件的参数：

修改后的完整表单代码：

<% listed = @customers.find_all { |customer| customer.status_trust == 'blacklist' || customer.status_trust == 'whitelist' || customer.status_trust == 'graylist' } %>
<% @reasons = listed.map { |customer| customer.status_trust_reason }.uniq %>
<div class="col-md-2"> 
  <%= form_tag admin_status_export_path, method: :post do %>
    <div class="form-group">
      <%= label_tag 'Exportações'  %> <br/>
      <div class="input-group">
        <%= select_tag(:status_trust_reason, options_for_select(@reasons.map { |reason| reason }, params[:status_trust_reason]), prompt: 'All', class: 'form-control shadow-sm form-control-sm') %>
        <div class="input-group-append"> 
          <%= submit_tag icon('fas', 'file-excel ', ' Exportaçõ'), class: 'btn btn-sm btn-dark ml-4', name: 'action_btn' %>
        </div>
      </div> 
    </div>
  <% end %>
</div>

2. 排查表单冲突

确认同一行的另一个GET表单没有嵌套当前POST表单，HTML规范不允许表单嵌套，若存在嵌套会直接导致表单行为异常。检查两个表单的闭合标签，确保它们是完全独立的兄弟元素。

3. （可选）坚持用link_to的替代方案

如果一定要保留link_to的样式，需通过JavaScript触发表单提交，让link_to仅作为触发按钮：

<%= link_to '#', class: 'btn btn-sm btn-dark ml-4', id: 'export-btn' do %>
  <%= icon('fas', 'file-excel ', ' Exportaçõ') %>
<% end %>

<script>
  document.getElementById('export-btn').addEventListener('click', function(e) {
    e.preventDefault();
    document.querySelector('form[action="<%= admin_status_export_path %>"]').submit();
  });
</script>

这种方式是让表单自身完成提交动作，从而携带select_tag的选中值。

后台验证 #

修改后，后台可通过params[:status_trust_reason]获取选中值，直接返回JSON即可：

def status_export
  render json: { selected_reason: params[:status_trust_reason] }
end

内容的提问来源于stack exchange，提问作者Paul Anthony McGowan