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

jquery mobile multipage dropdown not displaying selected value

本文关键字：显示 下拉列表 mobile jquery      更新时间：2023-09-26

我已经使用他们的多页模板编写了我的第一个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;
}

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

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

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

感谢

当您在jQuery Mobile中更新选择菜单时，您需要调用选择菜单小部件的刷新菜单，以便更新显示以匹配本地元素

例如

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

http://jsfiddle.net/afePj/4/

相关文章：