javascript - 在jquery mobile中动态生成optgroup

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

}

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

最佳答案

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

这是我之前创建的示例:http://jsfiddle.net/Gajotres/rh7Nq/

主要是使用:

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

选择后动态填充。

关于javascript - 在jquery mobile中动态生成optgroup,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13894709/

相关文章:

javascript - JS - 在其中一个对象上添加新属性和值

javascript - 如何使移动 <select> 允许键入选项而不是选择一个选项。

javascript - 在javascript中遍历xmpp iq节

javascript - 适用于 iOS11 的 JavaScript 中的低功耗模式检测?

javascript - jQuery Accordion 一次只打开一个选项卡

jquery mobile 更改特定元素

javascript - jQuery 脚本触发两次?也许现场事件正在开火两次?

javascript - Cordova 应用无法加载 assets/www 中的任何文件(仅 index.html)

javascript - 如何让 Next/Prev 链接留在 CarouFredSel 幻灯片的两侧

javascript - 将 html 表单发送到 Django 项目中的电子邮件地址的最佳方式?