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>