jquery mobile multipage 드롭 다운이 선택된 값을 표시하지 않습니다.

Question

나는 여러 페이지 템플릿을 사용하여 내 jquery 모바일 사이트를 작성했습니다.

메인 애플리케이션의 변경 사항은 하위 페이지의 드롭 다운에서 선택한 값에 영향을 줄 수 있습니다. 처음으로 하위 페이지로 이동하면 올바른 옵션이 선택되어 표시됩니다. 그 후 하위 페이지로 갈 때 을 선택하면 (선택됨)이지만 잘못된 옵션이 표시됩니다.

내가 이것을 입증하는 jsfiddle을 만들어

... 하나는 당신이 옵션을 선택할 수 있습니다 http://jsfiddle.net/afePj/2/

페이지 ...

<select name="selectname1" id="selectid1" onChange="changePageTwo()"> 
    <option value="1">A</option> 
    <option value="2">B</option> 
    <option value="3">C</option> 
</select> 

...와 일치하는 두 번째 페이지에서 선택한 값을 설정합니다. ..

function changePageTwo() { 
    select1 = document.getElementById('selectid1'); 
    select2 = document.getElementById('selectid2'); 
    select2.selectedIndex = select1.selectedIndex; 
} 

... 2 페이지에 도착하면 선택한 값을 표시하고 싶습니다. 그러나 페이지 다음에 한 번 표시 한 후, 그것은 결코 변하지 않습니다 보여줍니다 옵션 ...

<select name="selectname2" id="selectid2"> 
    <option value="1">A</option> 
    <option value="2">B</option> 
    <option value="3">C</option> 
</select> 

내가 하위 페이지가 선택한 값을 표시 할 수있는 방법에 대한 어떤 아이디어?

감사

Answer 1

당신은 디스플레이가 예를

$('selectid2').selectmenu('refresh'); 

에 대한 기본 요소

일치하도록 업데이트 될 수 있도록 당신이 select menu widget'srefresh 메뉴를 호출 할 필요가 jQuery를 모바일에서 선택 메뉴를 업데이트 할 때 http://jsfiddle.net/afePj/4/