javascript - 在jquery mobile中动态生成optgroup

Question

<div style="text-align: center">
<select  id="list" name="select-restaurants" data-native-menu="false" multiple="multiple">
      <option value="choose" data-placeholder="true">Members</option>
         <optgroup label=" " id = "aac">
         <option value="a">abc</option>
         <option value="b">def</option>
         <option value="c">ghi</option>
         <option value="d">jkl</option>
         <option value="e">mno</option>
         <option value="f">pqr</option>

         </optgroup>
</select>
</div>

我想动态生成它，我正在尝试下面的代码，但这对我不起作用。

$("#list").empty();//Clear options if there are any already existing ones.

for( i=1; i<= positions; i++ )
{

    $("#list").append($("<option value="+i+">"+ i+"</option>") );

}

如果有人知道这一点，请提供帮助。

Answer 1

是的，您可以动态生成它。

这是我前段时间创建的一个示例：http: //jsfiddle.net/Gajotres/rh7Nq/

主要是使用：

$("#selectID").selectmenu('refresh', true);  

选择后动态填充。