JQuery Mobileで選択リストを動的に設定する

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

それは私のために動作しますが、選択はデフォルトで無効になっています（なぜIDKの）​​

Answer 2

残念ながら、SOFLの応答が（しようとしてくれてありがとう）動作しませんでした。しかし、これはやった：http://forum.jquery.com/topic/dynamically-populating-select-control

Answer 3

あなたが呼び出す必要があります：

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