Rails 3: submit Remote form via jQuery - prevent page from reloading

Question

Here how my rails form looks like:

  - form_tag rel_references, :remote => true, :id=>"references_form", :method => 'get' do               
    = text_field_tag :rel_id, params[:rel_id], :id=>"reference_form_rel_id"
    = submit_tag "Get references", :id => "referencesubmit"

I need the textfield #reference_form_rel_id to be dynamically populated based on the HTML of a DOM element using jQuery and then submit this form (remotely) from within the same jQuery function. So this is what I am doing:

  $(".classname").live('click',function(){  
     var relationship_id = $('#id_store').html().trim();
     $('#reference_form_rel_id').val(relationship_id);  // populate the text field
     $('#references_form').submit();       // submit the form

});

Now, the form does get submitted, however, it is not submitted remotely, and the page reloads thus defeating the purpose of the :remote => true. Please guide me on how to correctly submit a rails remote form via jQuery. Thanks!

Maerlyn · Accepted Answer · 2012-01-27 22:14:29Z

4

you may try

$('#referencesubmit').trigger('click')

edited Jan 27, 2012 at 22:14

Maerlyn

34.2k18 gold badges99 silver badges89 bronze badges

answered Jan 27, 2012 at 0:27

Ben Zhang

1,29111 silver badges14 bronze badges

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

3 Comments

rgoraya Over a year ago

The problem persists. this to causes the form to reload.

Ben Zhang Over a year ago

sorry try this one $('#referencesubmit').trigger('click')

rgoraya Over a year ago

$('#referencesubmit').trigger('click') did it. Edited the answer to reflect that. Thanks a lot.

Collectives™ on Stack Overflow

Rails 3: submit Remote form via jQuery - prevent page from reloading

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related