Javascript 在jquerymobile中动态生成optgroup 成员 abc def ghi jkl mno pqr

我想动态地生成它，我正在尝试下面的代码，但这不适合我

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

$（“#列表”）.empty（）//如果已有任何选项，请清除这些选项。
对于（i=1；iYes），您可以动态生成它

以下是我不久前创建的一个示例：

主要是使用：

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

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

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

}

在动态填充select之后。
如果你可以设置一个fiddle，我就能够解决它。@raghaw我是这方面的新手，你能解释一下什么是fiddle吗？看看jsfiddle.com。基本上是为了设置你的问题的演示。我已经检查了这个，但这并没有显示我想在运行时显示的数据。这只是显示了在html中硬编码的数据。当我使用我发布的代码时，不会发生任何更改，并且显示的值与在html中硬编码的值相同。我们看的是同一个示例？如果仔细看，您会看到选择框是空的，元素是通过底部的java脚本动态添加的。JSFIDLE的左上方屏幕是html，底部是left screen是一个javascript代码，右上角的屏幕是一个CSS窗口，右下角的屏幕是一个输出。因此，值不是硬编码到HTML中的。我收到了这个错误，未捕获无法在初始化之前调用selectmenu上的方法；尝试调用方法“refresh”，在这种情况下使用first$（“#selectID”）。selectmenu（）；要初始化select，请使用$（“#selectID”）.selectmenu（'refresh'，true）；重新设置其样式。错误已删除。现在我得到一个空列表。
$("#selectID").selectmenu('refresh', true);