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: /

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

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/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

• javascript
• jquery
• html

4 Answers 4

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');
});

just do

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

Another Approach:

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

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()