jquery:从下拉列表中选择一个值后提交表单

Question

我的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>

有人知道如何在'主题'下拉列表中选择一个值时提交它吗？

Answer 1

其他解决方案将在页面上提交所有表格,如果有的话.更好的是:

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

Answer 2

如果您的html包含多个表格

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

Answer 3

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