如何设置组合框的默认选择?

时间:2011-08-01 11:16:01

标签: javascript jquery jquery-templates

我正在使用.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}将包含组合框值aaabbb

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

1 个答案:

答案 0 :(得分:2)

尝试类似:

<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/