Add input to simple_form in javascript

Question

I have a rails 3 application where a user has_many addresses. I'm trying to make a form in which a user can add fields to create new addresses by clicking on a plus icon. The issue is that I can't add fields with correct name into my simple_form with javascript.

The fields are well added to my view, but they all have the same name : user[addresses_attributes][0][name] instead of user[addresses_attributes][0 to x number][name]. Because of that, I can't save new addresses... Can someone help me ?

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

When a user click on "Add" he is redirect_to my new.js.html file:

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

And the 'new_address' partial is:

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

pjammer · Accepted Answer · 2013-09-27 12:45:04Z

1

This answer is very long, but is in Railscasts #197.

answered Sep 27, 2013 at 12:45

pjammer

9,5975 gold badges48 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Add input to simple_form in javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related