Question

使用Jquery Mobile

我做了两次下拉，在第一次下拉的基础上，使用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样式效果。

Answer 1

如jQuery Mobile Doc中所述：

如果新列表项被添加到列表中或从中删除，则分隔符不会自动更新：您应该在列表视图上调用refresh（）来重绘自动分割器。

因此，请尝试添加以下内容：

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

填写完列表后

。

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

1 个答案: