JQuery Mobile에서 선택 목록을 동적으로 채 웁니다.

Question

JQuery Mobile 앱이 있습니다. 이 앱에는 '선택'요소가 포함 된 페이지가 있습니다. 요소의 옵션을 동적으로 추가해야합니다. 내 삶을 위해서, 나는 이것을하는 법을 알 수 없다. 현재, 나는 다음과 같은 노력하고있어 :

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

그것은 나를 위해 작동하지만 선택은 기본적으로 비활성화되어 http://jsfiddle.net/vjkaG/

Answer 2

불행하게도, SOFL의 응답이 작동하지 않았다 (이유는 나도 몰라) (노력에 감사드립니다). 그러나 이것은 한 : http://forum.jquery.com/topic/dynamically-populating-select-control는

Answer 3

당신은 호출해야합니다 : 대신`$ ("#의 mySelector"의 '("#의 mySelector") 어쩌면 내가 틀렸다

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