在jquery mobile中动态生成optgroup

时间:2012-12-15 17:57:42

标签: javascript jquery-mobile

<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>") );

}

如果有人知道,请帮忙。

1 个答案:

答案 0 :(得分:2)

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

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

主要是使用:

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

选择后动态填充。