Rails ajax 在表单中插入额外的表单字段答案

【问题标题】：Rails ajax insert additional form fields into formRails ajax 在表单中插入额外的表单字段
【发布时间】：2014-11-11 07:02:37
【问题描述】：

我正在尝试通过内置的 rails ajax 方法向我的表单添加一个新的选择字段，但不确定如何继续。我已经查看了其他 ajax rails SO，但是如果有人发现有一个更相关的可以提供方向的，那将很有帮助。

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 %>

事件/build_controller 添加了这个

def add_event_detail
    respond_to do |format|
        format.js
    end
end

add_event_detail.erb

$("#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'

我有一些问题（除了您可能会看到的错误代码）。你如何将f 变量传递给jquery append 方法，以及处理每个新创建的表单的唯一名称的好方法是什么，:event_detail1:event_detail2 等。理想情况下，我想将该名称链接到表单中的选择

例如:location 选项 :location

【问题讨论】：

标签： jquery ruby-on-rails ajax forms

【解决方案1】：

您是否尝试过查看nested_form gem，即（https://github.com/ncri/nested_form_fields），它可以动态地将字段添加到表单中。或尝试查看 RailsCasts #403 Dynamic Forms 它会给你一个明确的方向。希望这可以帮助您朝着正确的方向前进。

【讨论】：

我没有，但这似乎可以在没有 gem 的情况下解决。我只是不确定接下来会发生什么。