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>