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();
    });
});

Answer 6

$(function() {
   $('#your_select_field_id').on('change', function(e) {
      $('#your_form_id').submit();
   })
})

这有效地解决了我的问题。

jQuery：从下拉列表中选择一个值后提交表单

6 个答案: