web-dev-qa-db-ja.com

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>

「テーマ」ドロップダウンで値が選択されたときに送信する方法を知っている人はいますか?

23
Omu

他のソリューションは、ページにallフォームがあれば、それを送信します。より良いでしょう:

$(function() {
    $('#themes').change(function() {
        this.form.submit();
    });
});
68
RoToRa
$('#themes').change(function(){
    $('form').submit();
});
5
Rocket Hazmat

HTMLに複数のフォームが含まれる場合

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

ロングハンドバインドメソッドを使用することをお勧めします。これは他の回答で提供されるショートハンドと同じ効果がありますが、必要に応じてコードを変更せずにイベントを追加できます。

$("#themes").bind("change", function() {
  $("form").trigger("submit");
});
2
Aaron
$(function() {
    $('#themes').change(function() {
        $('form').submit();
    });
});
1
Darin Dimitrov