Jquery Rails ajax在表单中插入其他表单字段

我试图通过内置的rails ajax方法向表单中添加一个新的select字段，但并不确定如何继续。我看过其他ajax rails，但如果有人发现有一个更相关的提供方向的rails，那将很有帮助

details.html.erb

<%= form_for @event, url: wizard_path do |f| %>
# lots of forms here

    <div id="add-field">

    </div>
    <%= link_to "Add Event Detail", add_event_detail_path, remote: true %>

    <%= f.submit "Next" %>
<% end %>

添加事件详细信息.erb

$("#add-field").append("<%= f.select(:event_detail, options_for_select([['Option1', 'Option1']) %> <%= f.text_field :event_detail %> ");

我有一些问题（除了你可能看到的坏代码）。如何将

f

变量传递到jquery append方法中，以及如何处理每个新创建表单的唯一名称（本质上是

：event_detail1

：event_detail2等）。理想情况下，我希望将该名称链接到表单中的选择

---

e、 g.：选项的位置：location

您是否尝试查看嵌套表单gem，即（），它可以动态地向表单添加字段。 或者试着看看RailsCasts（403动态表格），它会给你一个清晰的方向。

---

希望这能帮你找到正确的方向。

我没有，但这似乎没有宝石就可以解决。我只是不知道接下来会发生什么。

$("#add-field").append("<%= f.select(:event_detail, options_for_select([['Option1', 'Option1']) %> <%= f.text_field :event_detail %> ");

match "/add_event_detail" => "events/build#add_event_detail", via: 'get'