javascript - 如何在 mustache 中使用 jquery multiselect 显示组名以及下拉列表项

Question

我正在使用 mustache.js 来呈现我的页面。这是我正在尝试做的片段：

{{#items}}

  <optgroup label ="Countries">   

<option >

{{name}} // json data
</option> 
 </optgroup> 


{{/items}}

这些项目包含 json 数据，我正在尝试使用 jquery 多选插件以表格的形式呈现它。

这是我正在使用的 jquery 小部件，我正在尝试在选项之上添加一个标签，即

Countries:
      Afghanistan
      Albania...and so on

任何想法如何实施？我尝试使用“optgroup”，但是它不起作用。也许我没有以正确的方式使用它。任何想法表示赞赏！！！！

谢谢！

Answer 1

optgroup 应该在 {{#items}} 之外

<select>
  <optgroup label ="Countries">   
{{#items}}
     <option>{{name}}</option> 
{{/items}}
 </optgroup>
</select>

这将生成正确的 HTML。