如何在下拉列表中添加选项动态保持相同的样式（Jquery Mobile）答案

【问题标题】：How to add options inside drop down Dynamically keeping the same style (Jquery Mobile)如何在下拉列表中添加选项动态保持相同的样式（Jquery Mobile）
【发布时间】：2012-08-23 12:31:17
【问题描述】：

使用 Jquery 移动版

我做了两个下拉，在第一个下拉的基础上，第二个下拉值是使用 Ajax 调用从数据库中获取的。

如果我动态添加值，下拉框将失去其 css 样式...

使用 Grid 2 列视图作为下拉菜单 ....

<div data-role="fieldcontain">
      <div class="ui-grid-a">
     <div class="ui-block-a-list">
            <label for="p1" style="width:100%" >Type1:</label>
         </div>
         <div class="ui-block-b-list">
            <select id="partner" name="partner" data-icon="arrow-d" data-native-menu="false">
                <option value="all">All</option>
                <option value="p1">1</option>
                <option value="p2">2</option>
            </select>
     </div>
  </div>
        <div class="ui-grid-a">
            <div class="ui-block-a-list">
                <label for="s2">Type 2:</label>
            </div>
            <div class="ui-block-b-list">
                <select id="specialist" name="specialist" data-icon="arrow-d" data-native-menu="false">
                    /* adding options dynamically using server side and ajax call */
                </select>
            </div>
    </div>
     </div>

值位于正确的位置，但无法放置与以前相同的 css 样式效果..

【问题讨论】：

看到这个话题：stackoverflow.com/questions/8153226/… 我想这可以解决你的问题。

标签： jquery-mobile

【解决方案1】：

如jQuery Mobile Doc中提到的：

如果新的列表项被添加到列表中或从中删除，分隔线不会自动更新：您应该在列表视图上调用 refresh() 来重绘自动分隔线。

所以尝试添加类似：

  $('#mylist').listview('refresh');

在您填充列表之后。

【讨论】：