2

私は 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>');
  }
});

何らかの理由で、動的アイテムが表示されません。私は何を間違っていますか?

4

3 に答える 3

3

次のように電話する必要があります。

$('#mySelector').selectmenu('refresh');
于 2013-11-06T10:30:53.413 に答える
0

それは私にとってはうまくいきますが、選択はデフォルトで無効になっています(idkの理由)http://jsfiddle.net/vjkaG/

于 2012-05-03T11:52:46.453 に答える
0

残念ながら、sofl の応答はうまくいきませんでした (試してくれてありがとう)。ただし、これは行いました: http://forum.jquery.com/topic/dynamically-populating-select-control

于 2012-05-04T13:05:49.127 に答える