在选择更改时部分渲染导轨

Question

我有一个看起来像这样的nested_form：

<% form_for @store, do |f| %>
   <%= f.fields_for :products do |builder| %>
      <%= builder.select :typeis, %w[test test1 test2], {}, class: "select_product" %>
      <div class='productHere'></div>
   <% end %>
<% end %>

基本上，我要做的是选择的onChange，取选择的值并渲染一个像这样的部分：

<%= f.hidden_field :name, value: "blah" %>

使用价值。所以如果select的值为test1，我要渲染_test1.html.erb。

我已经尝试过：

<script type='text/javascript'>
  $(function (){
     $(".select_product").on("change", function (){
        alert(<%= render 'product_form/test', f:builder %>);
     });
  });
</script>

但这不起作用。我做错了什么？

感谢您的帮助！

Answer 1

当您动态创建选择下拉菜单时，您需要使用以下代码绑定更改事件：

<script type='text/javascript'>
  $(function (){
     $(document).on("change",".selectProduct", function (){
        var selectValue = $(this).val();
        alert(<%= render 'product_form/test', f:builder %>);
     });
  });
</script>