Rails Jquery How to submit multiple forms via ajax

Question

I have a form with a has_many association and I would like to submit multiple forms via ajax so the parent form's show page can be updated dynamically.

I have the following models (they are in mongoid but i don't think it matters between mongoid and activerecord):

class User
  include Mongoid::Document
  include Mongoid::Timestamps
  has_many :tasks
end

class Task
  include Mongoid::Document
  include Mongoid::Timestamps
  belongs_to :user, inverse_of: :tasks
end

I have a form which renders n partials of the form:

<%= form_for @task, remote: true do |f| %>
  <%= f.text_field :name %>
  <%= f.submit %>
<% end %>

for new tasks on the show.html.erb for user via ajax.

How can i write a single submit button on the show.html.erb to submit all of the tasks at once while associating them with the parent user?

Community · Accepted Answer · 2017-05-23 12:18:57Z

1

Based on the second answer to this question: Rails 3: How to trigger a form submission via javascript?

Say you have a button with an id called #multiSubmit, then you can submit each form when it is clicked using the following JavaScript:

$(function() {
  $("#multiSubmit").click( function() {
    $('form').each(function(i, item) {
      $(item).trigger('submit.rails');
    });
  });
});

edited May 23, 2017 at 12:18

CommunityBot

11 silver badge

answered Feb 2, 2013 at 22:49

mccannf

16.6k3 gold badges54 silver badges64 bronze badges

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

Collectives™ on Stack Overflow

Rails Jquery How to submit multiple forms via ajax

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related