Question

我有一个JQuery Mobile应用程序。这个应用程序有一个带“select”元素的页面。元素中的选项需要动态添加。对于我的生活，我无法弄清楚如何做到这一点。目前，我正在尝试以下方法：

page.html中

<div id="myPage" data-role="page">
  <div data-role="header" data-position="fixed">
    <h1>Welcome</h1>
  </div>

  <div data-role="content">
    <select name="mySelector" id="mySelector" data-native-menu="false">
      <option>Please Choose</option>                
    </select>
  </div>
</div>

page.html.js

$("#myPage").live("pagebeforeshow", function (e, ui) {
  for (i=0; i<5; i++) {
    $("#mySelector", "#myPage").append('<option value="' + i + '">Option ' + (i+1) + '</option>');
  }
});

出于某种原因，我的动态项目不会出现。我做错了什么？

Answer 1

你必须致电：

$('#mySelector').selectmenu('refresh');

Answer 2

它适用于我，但默认情况下禁用选择（idk why）http://jsfiddle.net/vjkaG/

Answer 3

不幸的是，sofl的回复没有用（谢谢你的尝试）。但是，这样做了：http://forum.jquery.com/topic/dynamically-populating-select-control

在JQuery Mobile中动态填充选择列表

3 个答案: