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

Paul Rad · Accepted Answer · 2013-09-30 14:17:46Z

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

answered Sep 30, 2013 at 14:17

Paul Rad

4,8821 gold badge26 silver badges23 bronze badges

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

Comments

Tushar Gupta - curioustushar · Accepted Answer · 2013-09-30 14:18:25Z

2

just do

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

edited Sep 30, 2013 at 14:18

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

answered Sep 30, 2013 at 14:18

Richard Banks

2,9735 gold badges40 silver badges73 bronze badges

Comments

Mark Redman · Accepted Answer · 2013-09-30 14:19:27Z

1

Another Approach:

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

answered Sep 30, 2013 at 14:19

Mark Redman

24.6k20 gold badges99 silver badges152 bronze badges

Comments

MattB · Accepted Answer · 2013-09-30 14:20:50Z

1

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

answered Sep 30, 2013 at 14:20

MattB

5851 gold badge4 silver badges17 bronze badges

2 Comments

Anthony Grist Over a year ago

Technically correct, but strikes me as an unnecessarily large amount of work for such a trivial problem.

MattB Over a year ago

Anthony, typically on a drop down select, there is no need for a post back, so an ajax save call is usually what people do.

Collectives™ on Stack Overflow

How to click the save button in form automatically using jquery

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related