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

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

Answer 3

如果你的html包含多个表单

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

Answer 4

我建议使用longhand绑定方法，因为它与其他答案提供的简写具有相同的效果，但如果需要，您可以添加其他事件而无需更改代码。

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

Answer 5

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