Jquery: отправить форму после выбора значения из раскрывающегося списка

У меня есть эта форма в моем 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>

Кто-нибудь знает, как отправить его, когда значение выбрано в раскрывающемся списке "Темы"?

Ответ 1

Другие решения будут отправлять на страницу все формы, если они должны быть. Лучше будет:

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

Ответ 2

Если ваш html содержит более одной формы

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

Ответ 3

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

Ответ 4

Я рекомендую использовать метод привязки longhand, потому что он имеет тот же эффект, что и сокращение, предоставленное другими ответами, но при необходимости вы можете добавлять дополнительные события без необходимости изменять свой код.

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

Ответ 5

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