2011-02-08 14 views
0

jQueryテンプレートを使用してオプションを選択するにはどうすればよいですか?jQueryテンプレート選択オプション

のは、私のデータがあるとしましょう:{ "color" : "red" }

私が持っている:

<select> 
    <option>blue</option> 
    <option>green</option> 
    <option>red</option> 
</select> 

私は、デフォルトで選択されている一つであることが赤くたいです。これどうやってするの?

ありがとうございました。

答えて

4

たぶんここで最もエレガントではなく、あなたのテンプレートでそれを行う方法です:http://jsfiddle.net/rniemeyer/z7Uu7/

<select> 
    <option {{if color == 'blue'}}selected{{/if}}>blue</option> 
    <option {{if color == 'green'}}selected{{/if}}>green</option> 
    <option {{if color == 'red'}}selected{{/if}}>red</option> 
</select> 
6
$("select").val(data['color']); 
+0

おっとは、単にテンプレートキーワードに気づきました。しかし、これは、テンプレートがDOMに挿入された後にはうまくいくはずです。 –

+0

ありがとうございますが、質問はテンプレートのためのものです。 – Mark

+0

しかし、私はテンプレートを使用する理由は実際にはわかりません。文字列の出現を動的に置き換えるためのテンプレートはありませんか?別の方法は、テンプレートとは関係がありません。$ .tmpl(myTemplate、data).appendTo( "#moviesList").find( "select")。val(data ['color']); –

関連する問題