Andy的例子是直接删除记录的好方法，而不向服务器提交表单。在这种特殊情况下，我真正寻找的是在嵌套表单更新之前动态添加/删除字段的方法。这是一个稍有不同的情况，因为当字段被删除，它们实际上并没有删除，直到提交表单。我可能会最终使用两者取决于具体情况。

我基于我的实现在Tim Riley’s complex-forms-examples fork on github。

首先设置模型，并确保它们支持嵌套属性：

class Person < ActiveRecord::Base
  has_many :phone_numbers,:dependent => :destroy
  accepts_nested_attributes_for :phone_numbers,:reject_if => lambda { |p| p.values.all?(&:blank?) },:allow_destroy => true
end
 
class PhoneNumber < ActiveRecord::Base
  belongs_to :person
end

为PhoneNumber的表单字段创建部分视图：

<div class="fields">
  <%= f.text_field :description %>
  <%= f.text_field :number %>
</div>

接下来为Person模型编写一个基本的编辑视图：

<% form_for @person,:builder => LabeledFormBuilder do |f| -%>
  <%= f.text_field :name %>
  <%= f.text_field :email %>
  <% f.fields_for :phone_numbers do |ph| -%>
    <%= render :partial => 'phone_number',:locals => { :f => ph } %>
  <% end -%>
  <%= f.submit "Save" %>
<% end -%>

这将工作通过为PhoneNumber模型创建一组模板字段，我们可以与javascript复制。我们将在app / helpers / application_helper.rb中为此创建帮助方法：

def new_child_fields_template(form_builder,association,options = {})
  options[:object] ||= form_builder.object.class.reflect_on_association(association).klass.new
  options[:partial] ||= association.to_s.singularize
  options[:form_builder_local] ||= :f
 
  content_tag(:div,:id => "#{association}_fields_template",:style => "display: none") do
    form_builder.fields_for(association,options[:object],:child_index => "new_#{association}") do |f|
      render(:partial => options[:partial],:locals => { options[:form_builder_local] => f })
    end
  end
end
 
def add_child_link(name,association)
  link_to(name,"javascript:void(0)",:class => "add_child",:"data-association" => association)
end
 
def remove_child_link(name,f)
  f.hidden_field(:_destroy) + link_to(name,:class => "remove_child")
end

现在添加这些帮助方法到编辑partial：

<% form_for @person,:locals => { :f => ph } %>
  <% end -%>
  <p><%= add_child_link "New Phone Number",:phone_numbers %></p>
  <%= new_child_fields_template f,:phone_numbers %>
  <%= f.submit "Save" %>
<% end -%>

现在你已经完成了js模板。它将为每个关联提交一个空白模板，但模型中的：reject_if子句将丢弃它们，只留下用户创建的字段。更新：我已经考虑这个设计，见下文。

这不是真正的AJAX，因为在页面加载和表单提交之外没有任何通信到服务器，但我真的找不到一个方法做事后。

事实上，这可能提供比AJAX更好的用户体验，因为你不必等待服务器响应每个附加字段，直到你完成。

最后，我们需要用javascript连接。将以下内容添加到您的`public / javascripts / application.js’文件中：

$(function() {
  $('form a.add_child').click(function() {
    var association = $(this).attr('data-association');
    var template = $('#' + association + '_fields_template').html();
    var regexp = new RegExp('new_' + association,'g');
    var new_id = new Date().getTime();
 
    $(this).parent().before(template.replace(regexp,new_id));
    return false;
  });
 
  $('form a.remove_child').live('click',function() {
    var hidden_field = $(this).prev('input[type=hidden]')[0];
    if(hidden_field) {
      hidden_field.value = '1';
    }
    $(this).parents('.fields').hide();
    return false;
  });
});

到这个时候你应该有一个准系统的动态形式！这里的javascript非常简单，并且可以很容易地与其他框架完成。你可以很容易地替换我的application.js代码与原型lowpro例如。基本的想法是，你没有嵌入巨大的JavaScript函数到你的标记，你不必在模型中写繁琐的phone_numbers =()函数。一切都正常。 Hooray！

经过一些进一步的测试，我得出结论，模板需要移出< form>字段。将它们保存在那里意味着它们被发送回服务器与其余的形式，这只是创建头痛以后。

我把它添加到我的布局的底部：

<div id="jstemplates">
  <%= yield :jstemplates %>
</div

并修改了new_child_fields_template助手：

def new_child_fields_template(form_builder,options = {})
  options[:object] ||= form_builder.object.class.reflect_on_association(association).klass.new
  options[:partial] ||= association.to_s.singularize
  options[:form_builder_local] ||= :f
 
  content_for :jstemplates do
    content_tag(:div,:style => "display: none") do
      form_builder.fields_for(association,:child_index => "new_#{association}") do |f|        
        render(:partial => options[:partial],:locals => { options[:form_builder_local] => f })        
      end
    end
  end
end

现在，您可以从模型中删除：reject_if子句，并停止担心正在发送的模板。