Submit Form for select option.onClick

Question

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.

Answer 1

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

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.

Answer 2

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.

Answer 3

A small correction of these answers:

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

Answer 4

$('#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();

Answer 5

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

Answer 6

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