如何在胡子中使用jQuery multiselect同时显示组名和下拉列表项

Question

我正在使用mustache.js呈现页面。 这是我要执行的操作的代码段：

{{#items}}

  <optgroup label ="Countries">   

<option >

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


{{/items}}

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

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

Countries:
      Afghanistan
      Albania...and so on

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

谢谢！

Answer 1

optgroup应该不在{{#items}}之内

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

这将生成正确的HTML。