jQuery: submit form after a value is selected from dropdown

问题

I have this form in my HTML:

<form action="/awe/ChangeTheme/Change" method="post">

    <select id="themes" name="themes">
        ...
        <option value="blitzer">blitzer</option>
    </select>

    <input type="submit" value="change" />

</form>

Anybody knows how to submit it when a value is selected in the 'themes' dropdown?

回答1:

The other solutions will submit all forms on the page, if there should be any. Better would be:

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

回答2:

In case your html contains more than one form

$(function() {
  $('#themes').on('change', function(e) {
    $(this).closest('form')
           .trigger('submit')
  })
})

回答3:

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

回答4:

I recommend using the longhand bind method because it has the same effect as the shorthand supplied by the other answers, but you can add additional events if need be without having to change your code.

$("#themes").bind("change", function() {
  $("form").trigger("submit");
});

回答5:

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

来源：https://stackoverflow.com/questions/3822495/jquery-submit-form-after-a-value-is-selected-from-dropdown