web-dev-qa-db-ja.com

ドロップダウンリストの変更に関するフォームを送信する方法

ドロップダウンリストがあるJSPでページを作成しています。ユーザーが値を選択すると、移動ボタンをクリックして値がサーブレットに送信されます。

            </select>
            <input type="submit" name="GO" value="Go"/>

変更に合わせて変更するにはどうすればよいですか。例えば。ユーザーがJohnを選択すると、自分の詳細がすべてDBから取得されて表示されます。実行ボタンをクリックしなくてもシステムに実行させたいのです。

htmljsp
246
John

JavaScriptの支援を求めてください。

<select onchange="this.form.submit()">
    ...
</select>

また見なさい：

572
BalusC

簡単なJavaScriptでやる - 

<form action="myservlet.do" method="POST">
    <select name="myselect" id="myselect" onchange="this.form.submit()">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
        <option value="4">Four</option>
    </select>
</form>

これは良い JavaScriptチュートリアル へのリンクです。

70
MD Sayem Ahmed

this.form.submit()を使用する以外に、あなたはidまたはnameによっても送信します。例私はこのような形をしています：<form action="" name="PostName" id="IdName">

  1. 名前で：<select onchange="PostName.submit()">

  2. Idによって：<select onchange="IdName.submit()">

8
sate wedos

上記の回答にある人たちに。それは間違いなくJavaScriptです。インラインです。

ところであなたがすべての選択に適用したい場合はjQueryの同等物：

$('form select').on('change', function(){
    $(this).closest('form').submit();
});
4
nitsram