jQuery 模板选择选项答案

【问题标题】：jQuery template select optionjQuery 模板选择选项
【发布时间】：2011-02-08 23:10:42
【问题描述】：

如何使用 jQuery 模板来选择一个选项？

假设我的数据是：{ "color" : "red" }

我有：

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

我希望红色成为默认选择的那个。我该怎么做？

谢谢。

【问题讨论】：

标签： javascript jquery templates select jquery-templates

【解决方案1】：

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

【讨论】：

糟糕，刚刚注意到模板关键字。但这应该在模板插入到 DOM 之后起作用。
谢谢，但这个问题是针对模板的。
但实际上我看不出这里使用模板的原因。不是动态替换字符串出现的模板吗？另一种方式，与模板无关，真的： $.tmpl( myTemplate, data).appendTo( "#moviesList" ).find("select").val(data['color']);
模板的重点是放在html而不是代码中。我觉得应该可以……
$.tmpl(myTemplate, data).appendTo("#moviesList").find("select").val(data['color']); --> 效果很好，恭喜！

【解决方案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>

【讨论】：