jquery - jQueryを使用して、選択ボックスをデフォルトの選択されたインデックスに設定します

Question

わかりました、選択ボックスがあります

<select id="txtPriority" style="color:#008000;">
    <option value="0" style="color:#0000FF;">Low</option>
    <option value="1" selected="selected" style="color:#008000;">Normal</option>
    <option value="2" style="color:#B22222;">Critical</option>
</select>

その選択ボックスを使用して、クリック<option>すると選択ボックスの選択された項目がに戻るボタンを作成したいと思いますselected="selected"。簡単なjQueryコードでこれは可能ですか?

Answer 1

jQueryを使用する必要がないことをよく理解していれば、その選択をフォームにラップしてリセットボタンを使用するだけです（http://jsfiddle.net/vwqVJ/5/を参照）

<form ...>
    <select id="txtPriority" style="color:#008000;">
    ...
    </select>

    <button type="reset">Restore choice</button>
</form>

このように、選択を変更すると、いつでも初期状態に戻すことができます

代わりに jQuery を使用する必要がある場合は、フォーム要素でリセット メソッドを呼び出すだけです。

$('form').get(0).reset()

それ以外の場合は、フォームがまったくない場合 (ただし、実際に使用する必要があります) を使用してください。

$('#txtPriority').val($('#txtPriority option[selected]').val())

Answer 2

「セレクトボックスの選択項目を戻すボタン」の意味がわかりませんが、

$("select#txtPriority option:selected").first();

選択したオプション項目を提供します。

Answer 3

$('#txtPriority').val('1');  //try this