javascript - jQuery テンプレート選択オプション

Question

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

私のデータは次のとおりです。{ "color" : "red" }

私は持っている ：

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

デフォルトで選択されているものを赤にしたい。これどうやってするの？

ありがとう。

Answer 1

$("select").val(data['color']);

Answer 2

最もエレガントではないかもしれませんが、テンプレートでそれを行う方法は次のとおりです: 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>