2017-06-21 9 views
-1

これは私のコードです:送信ボタンなしで<select><option>に値を送信する方法。

<form action="?sort=SELECTEDVALUEHERE" method="GET"> 
 
<select> 
 
<option value="1">Option 1 </option> 
 
<option value="2">Option 2 </option> 
 
<option value="3">Option 3 </option> 
 
<option value="4">Option 4 </option> 
 
<option value="5">Option 5 </option> 
 
</select> 
 
</form>

これは私が欲しいものです:

誰かがオプション1をクリックすると、それがフォームを送信します。 form要素の

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

コール 'form.submit()' – Barmar

+0

https://stackoverflow.com/questions/7231157/how-to-submit-form-on-change-of-dropdown-list – Ylama

+0

おそらく追加する必要があります最初は空のオプションです。それ以外の場合は、オプション1がデフォルトで選択され、クリックすると選択が変更されません。 – Barmar

答えて

1

コール.submit():私は

にこれを提出するボタンを追加する必要はありませんselect変更イベントが発生します。

$("select").change(function(){ 
    $("form").submit(); 
} 
+0

私はこのURLを送りたいと思う '?page = '。$ page。'&option = SelectedOptionHere' どこに書きますか? –

+0

あなたのデータは次の場所に送られます: 'action ="?sort = SELECTEDVALUEHERE " –

+0

ええ、私は知っていますが、私はそれを可能な限りURLに変更したいのですか? –

0

設定id属性、およびときsubmitイベントをトリガ:<select>

<input type=submit /> 
+0

私はこのURLを送りたいと思う '?page = '。$ page。'&option = SelectedOptionHere' どこに書きますか? –

+0

'' name '= "option" '属性で' select'要素を設定し、 ''をフォームに追加します。上記の私のjsコードを追加し、期待通りにデータを送信します –

関連する問題