Select_tag rails, 提交前动态显示值

Question

我有一个表格显示了我可以选择的一些可用银行，使用 select_tag。当我提交表单时，selected 银行存储在 params[:bank] 中

我想做的是在提交前动态显示有关 selected 银行的信息。基本上，如果我选择 "Bank 1"，我想显示银行 1 的信息。如果我selectBank 2，我想显示bank 2的信息。当我开心时，我会服从。

这是我的代码

<%= form_tag final_payments_path, method: :get do %>

  <%= select_tag "bank", options_from_collection_for_select(Bank.active, "id", "name") %>

  <%= button_tag( class: "btn-continue-displayed mt-3") do %>
   <i class="fas fa-caret-left"></i><p>Approve</p>
  <% end %>
<% end %>

如何在提交前动态找到selected选项并显示信息？

我的第一步是在我的 select 标签上添加 onchange: "alert(this.value)"。它可以工作并显示 id。如果我改变并把

 options_from_collection_for_select(Bank.active, "IBAN", "name")

它显示有关 IBAN 的警报。这是一个好的开始。

有没有一种方法可以将 3 个元素（id、IBAN 和 SWIFT）放入值中，而不是只放入一个？

非常感谢您的帮助

Answer 1

您可以通过 js 找到银行 ID：

$('#select_tag_id').on('change', function () {
    let bank_id = $(this).val();
});

bank_id 将包含所选银行的 ID。

routes.rb:

  get "/selected_bank" => 'your_controller#show_info'

然后：

$('#select_tag_id').on('change', function () {
      let bank_id = $(this).val();
      $.ajax({
          data: {bank_id: bank_id},
          url: '/selected_bank',
          type: 'GET'
      });
  });

您的控制器：

def show_info
  @bank = Bank.find(params[:bank_id])
  respond_to { |format| format.js }
end

_info.html.erb:

<div class="info">
  <p>
    Id:
    <%= @bank.id %>
  </p>
  <p>
    Name:
    <%= @bank.name %>
  </p>
</div>

show_info.js.erb:

$('.some-class-on-page').html("<%= j(render 'info') %>");

Select_tag rails, 提交前动态显示值

Select_tag rails, display value dynamically before submit

javascript

html-select

ruby-on-rails