2012-05-09 11 views
2

を使用して、デフォルトに選択されたインデックスに選択ボックスを設定し、私は今、その選択ボックスで、私はボタンを作成したいクリックしたときには、選択をバック戻ってくることを選択ボックスがOK jQueryの

<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コードで可能ですか?私は「選択ボックスの選択した項目をバック返しますボタン」の意味を知らない

答えて

7

私はよく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() 
のように初期状態に戻すことができます

そうでない場合、あなたはすべてのno形式を持っていません(ただし、あなたが本当にそれを使用する必要がある)場合だけ

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

良い提案を使用しています。私はこれをjqueryにする必要があります。ありがとう –

+0

私のフィドル更新を参照してください – fcalderan

+1

これはいいですが、何らかの形でフォームタグを使用していません...私はjquery ajaxを通してデータを提出します –

0

しかし

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

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

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