Jquery.submit() - Changing Form Values before submit

Question

I have some javascript that submits to an HTML form in my app upon a "click" event like so....

google.maps.event.addListener(marker, 'click', function() {
  $('form').submit()
});

However I want to change the data before I send it. Is this possible? I don't want to use Ajax $.post if I can help it. I just want to change what the form sends to my Rails controller before submit.

Thanks!

Sure, just update the field values before calling ".submit()". — Pointy
– Pointy, Commented Nov 26, 2011 at 18:58

Esailija · Accepted Answer · 2011-11-26 19:05:34Z

6

If you already have a field with name="search" you can change it's value like so:

google.maps.event.addListener(marker, 'click', function() {

   $('form input[name="search"]').val( place.name );
  $('form').submit()
});

Or if not:

google.maps.event.addListener(marker, 'click', function() {

  $('form').append('<input type="hidden" name="search" value="'+place.name+'" />').submit()
});

Assuming place.name is known like in your previous question.

edited Nov 26, 2011 at 19:05

answered Nov 26, 2011 at 18:59

Esailija

140k24 gold badges280 silver badges328 bronze badges

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

Comments

Gregg B · Accepted Answer · 2011-11-26 18:59:18Z

1

You can update the value of specific fields by id before you call submit:

$("form #fieldID").val("Value you want to change");

answered Nov 26, 2011 at 18:59

Gregg B

13.9k6 gold badges36 silver badges52 bronze badges

Collectives™ on Stack Overflow

Jquery.submit() - Changing Form Values before submit

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related