Javascript jquery mobile多页下拉列表未显示所选值

我已经使用多页模板编写了我的第一个jquery移动站点

在我的应用程序中，主页中的更改可能会影响子页面下拉列表中的选定值。第一次转到子页面时，将选择并显示正确的选项。之后，当我转到子页面时，选择了正确的选项（勾选），但显示了错误的选项

我创建了一个JSFIDLE来演示这一点

第一页允许您选择一个选项

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

…当您到达第二页时，我希望显示所选值。但在页面显示一次后，它显示的选项将永远不会更改

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

A.
B
C

关于如何使子页面显示所选值，有什么想法吗

---

谢谢

当您在jQuery Mobile中更新选择菜单时，您需要调用该菜单，以便更新显示以匹配本机元素

比如说

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

---

您需要刷新selectmenu小部件

$（'selectid2'）。selectmenu（'refresh'）

完美！谢谢Jack-在JSFIDLE和我的真实网站工作：-）欢迎光临，很高兴为您提供帮助。您可能希望在JQM中扫描一些在开始使用JQM时可能遇到的comman gotachas。

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