How to click the save button in form automatically using jquery

Question

I have an form with dropdown. whenever i select the drop down once i click save itself it appear it do some action. I want to as auto save when you change the dropdown values. Here is the fiddle: http://jsfiddle.net/GGtTw/

jQuery('select[name="dropdown"]').change(function() { 
alert(jQuery(this).val());
});
jQuery('#submit').click(function() {
    alert('you click submit button');
});

I want once you select the dropdown it automatically submit the values means it automatically click save without noticing to the user.

Any suggestion would be great.

Thanks

Answer 1

Use trigger to simulate a click event for the given object

jQuery('select[name="dropdown"]').change(function() { 
    jQuery('#submit').trigger('click');
});
jQuery('#submit').click(function() {
    alert('you click submit button');
});

Answer 2

做就是了

$( "#submit" ).trigger( "click" );

Answer 3

Another Approach:

jQuery('select[name="dropdown"]').change(function() { 
    save();
});
jQuery('#submit').click(function() {
    save();
});
function save()
{
alert('Save');
}

Answer 4

Make an ajax call to save from inside your drop down change event. Unless you want to perform a form submit, in that case trigger the click function on the submit like so

jQuery('#submit').trigger('click');

jQuery ajax()