Setting submit value in jQuery submit

Question

I want to use jQuery to submit my form and i can do that like so

  $('#myform_id').submit();

and thats all good but normally someone clicks a submit button than that submit button has a value so when I do the submit via jQuery I also need to set a submit value how do i do that ?

EDIT

as noted by some answers I could do this by simulating a user click but I don't want to do that I want to pass the submit value when I use the .submit() command if that is possible

ultimately the submit using ajax form

** Clarifying **

ok so I have jQuery setup to use jquery validate and has a submit handler like so

$("#myform_id").validate({
    submitHandler: function() {
        run_ajax(obj);
    }
});

then that calls I function i call run_ajax passing and object containing information about what type of ajax i want and what have you.

and ultimately runs this

obj.formitem.ajaxSubmit({
    dataType:'json',
    data: obj.pdata,
});

where

  obj.formitem == $('#myform_id');

so when the form is submit all that happens all good.

so I load the page with this form into jquery dialog and I want them to be able to click a button in the dialog that triggers the form submit and also tells the form what type of submit was requested

hopefully this is clear now sorry for confusion

Answer 1

One quick way would be $('#myform_id #submitButtonID').click();

Answer 2

You can add a Submit button to your form and emulate a click on the button. Doesn't it solve your purpose.

Answer 3

This should do the trick :

$('#form_id #submitbutton_id').val('your value');

Answer 4

.submit() will get you the traditional submit that happens POST/GET with the page refresh.

For ajax, you will need to use either $.post, $.get or $.ajax -- eg:

var aaa = $("#your_form").serialize();
$.post("your_url",aaa,function(response){/*do something*/},"json");

As far as clicking of buttons is concerned, if you have multiple buttons that can possibly submit one form. You can use hidden fields as part of the form. Before you submit the form, change the hidden field according to the button that was pressed.

$(".submit_buttons").click(function(){

$("#my_hidden_input").val($(this).attr("rel"));

/* 
above serialize and ajax post code
*/

});

HTML :

<input type="button" class="submit_buttons" rel="special_button1" value="Button 1"/>
<input type="hidden" id="my_hidden_input" />

---

When I use this validation plugin, This is how I go about it.

$("#right_form").validate(); //To add validation to the form

validate9 = $("#right_form").validate().form(); //Check if the form validates 

Then use if to check validate9 is true and submit using $.post().

Normal ajax is pretty straightforward.

A few reasons why I think you probably are using iframe to submit the form :
1) Its has to be done this way(some unchangeable requirement).
2) You want to upload some files using ajax.

Ref: JS iframe limitations.

Not sure if this helps, but, if you figure this out please post an answer to let us know how you took care of this.

Answer 5

The submit value is just passed as a parameter. So if you have:

<input type="submit" name="mysubmit" value="click"/>

then the request will contain a request parameter mysubmit=click .

So just add a hidden input type like this:

<input type="hidden" name="mysubmit" value="click"/>