在javascript中將輸入添加到simple_form

Question

我有一個用戶has_many地址的Rails 3應用程序。 我正在嘗試制作一種表單，用戶可以通過單擊加號圖標來添加字段以創建新地址。 問題是我無法使用javascript將具有正確名稱的字段添加到我的simple_form中。

這些字段很好地添加到了我的視圖中，但是它們都具有相同的名稱： user[addresses_attributes][0][name]而不是user[addresses_attributes][0 to x number][name] 。 因此，我無法保存新地址...有人可以幫助我嗎？

我的edit_addresses.html.erb：

<%= simple_form_for(current_user) do |f| %>
  <% current_user.addresses.each do |address| %>
    <div class="address_preview">
      <%= f.simple_fields_for :addresses, address do |a| %>
        <%= a.input :name %>
        <%= a.input :description %>
      <% end %>
    </div>
  <% end %>
<% end %>
<a href='<%= new_address_path(current_user) %>' data-remote='true'>Add</i></a>

當用戶單擊“添加”時，他將重定向到我的new.js.html文件：

$('#addresses_container').append('<%= j render partial: 'new_address', locals: { target: @address } %>');

“ new_address”部分為：

<div class="address_preview">
  <%= simple_form_for(current_user) do |f| %>
    <% f.simple_fields_for :addresses, target do |t| %>
      <%= t.input :name %>
      <%= t.input :description %>
    <% end %>
  <% end %>
</div>

Answer 1

這個答案很長，但是在Railscasts＃197中 。