javascript - Submit Form for select option.onClick - Stack Overflow

How would I submit a form when the user clicks an option using jQuery? I found one similar question using the datepicker text input but I'm not that familiar with jQuery so I can't seem to convert it to work for a select item.

How would I submit a form when the user clicks an option using jQuery? I found one similar question using the datepicker text input but I'm not that familiar with jQuery so I can't seem to convert it to work for a select item.

• javascript
• jquery
• select
• submit

Share Improve this question Follow asked May 25, 2011 at 21:45 EmsuEmsu 20322 gold badges44 silver badges1313 bronze badges 1

• 1 Do you have an example form? We can then give you the exact jQuery – Abe Petrillo Commented May 25, 2011 at 21:48

Add a ment  | 

6 Answers 6

Sorted by: Reset to default 8

On click of an <option>:

$('option').click(function ()
{
    $(this).closest('form').submit();
});

On change of a <select> (this is probably the one you want):

$('select').change(function ()
{
    $(this).closest('form').submit();
});

---

As @Guffa mented:

The click event on options doesn't work in all browsers. Safari for example does't trigger it.

...so you definitely want the second one.

The click event on options doesn't work in all browsers. Use the change event of the select element.

Example:

$('select').change(function(){
  this.form.submit();
});

Note that the submit event of the form is not triggered when you call the submit method to post the form.

A small correction of these answers:

$(document).ready(function() {
    $('#some_link').click(function() {
        $('#form_id').submit();
    });
});

$('select').change(function() {
  $('form').submit();
});

$('#option').click(function () {
    // form validation and such then

    $('form').submit();
})

This is the easiest way i can think of

UPDATE:

for specific form, you can use its name or id, it really depends on how your html looks like

$('form[name="formnamehere"]').submit();

I found the other answers helpful but to truly achieve what I needed of individual actions based on each option click this was exactly what I needed:

jquery: option plus class and click