javascript - 如何设置组合框的默认选择？

Question

我正在使用 .tmpl()像这样填写模板

<script type="text/x-jquery-tmpl" id="template">
  <form action="" method="post">
    <div>
      <div> ${ID} </div>
      <div> <input name="title" id="${ID}_title" value="${title}" type="text" /> </div>
      <label> Section (${section}) </label> &nbsp;
      <select name="section" id="${ID}_section">
        <option value="">-- Select --</option>
        <option value="aaa">AAA</option>
        <option value="bbb">BBB</option>
      </select>
    </div>
  </form>
</script>

其中 ${section} 将包含组合框值 aaa 或 bbb。

如何根据${section}设置组合框的默认选择？

Answer 1

尝试类似的东西:

<select name="section" id="${ID}_section">
    <option value="">-- Select --</option>
    <option value="aaa" {{if $section == 'aaa'}} selected="selected" {{/if}}>AAA</option>
    <option value="bbb" {{if $section == 'bbb'}} selected="selected" {{/if}}>BBB</option>
</select>  

更新
好吧，我在评论中的 jsfiddle 只是一种模拟您的设置的方法，因为您没有在这篇文章中附加它。如果 $section == bbb 或 aaa 试试这个:

 <select name="section" id="${ID}_section">
    <option value="">-- Select --</option>
    <option value="aaa" {{if section == 'aaa'}} selected="selected" {{/if}}>AAA</option>
    <option value="bbb" {{if section == 'bbb'}} selected="selected" {{/if}}>BBB</option>
</select>

否则需要更多代码，你如何调用你的模板以及 $section 是如何分配的。

更新 2
尝试:http://jsfiddle.net/3TrEY/6/