Jquery mobile 在页面之间保留表单值

在我的PhoneGap应用程序中，我有一个表单页面，其中有一个联系人按钮。当用户单击它时，“联系人”页面将显示为选择一个联系人，然后返回表单进行提交。在JSFIDLE中，当返回表单时，输入的数据仍在表单中，但在我的应用程序中，当我返回表单时，所有输入的数据都已删除，因此用户需要再次填写表单

从联系人页面返回时，如何在字段中保留输入的表单数据

当用户单击contacts页面中的done按钮时，我使用此代码将所选数据传递到formPage

---

您可以使用弹出窗口而不是单独的页面

这是您的最新信息

您的第2页现在是第一页中的弹出窗口。它包括一个可滚动的DIV和一个动态填充100项的listview：

<div data-role="popup"  id="page2" data-position-to="window">
     <div  id="scrollDiv">
         <ul data-role="listview" id="contactsList">
         </ul>
     <div>
</div>

#scrollDiv{
    max-height: 450px;
    width: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

在pageinit上，我添加100个联系人，然后为联系人创建一个单击处理程序，该处理程序将所选联系人id写回表单中的字段并关闭弹出窗口：

$(document).on("pageinit", "#FormPage", function(){
    var contactsList;
    for (var i = 0; i< 100; i++){     
        contactsList += '<li><a href="#" class="contactLink" data-contactid="' + i + '">contact ' + i + '</a></li>';
    }
    $("#contactsList").append($(contactsList));
    $("#contactsList").listview("refresh");

    $(".contactLink").on("click", function(){    
        var msg = 'you selected contact: id = ';
        msg += $(this).data("contactid");            
        $("#selContact").val(msg);
        $("#page2").popup( "close" )
    });
});

---

你能把你的联系人放在一个jQM弹出窗口而不是一个单独的页面吗？谢谢你的回复，因为我有100个联系人，我必须把联系人列表放在一个单独的页面@ezanker我能把100个列表元素放在一个jQM弹出窗口吗？？我该怎么做？你能帮我吗？我为你写了一个答案。非常感谢你，我会尝试它，我希望它在我的应用程序中工作

$(document).on("pageinit", "#FormPage", function(){
    var contactsList;
    for (var i = 0; i< 100; i++){     
        contactsList += '<li><a href="#" class="contactLink" data-contactid="' + i + '">contact ' + i + '</a></li>';
    }
    $("#contactsList").append($(contactsList));
    $("#contactsList").listview("refresh");

    $(".contactLink").on("click", function(){    
        var msg = 'you selected contact: id = ';
        msg += $(this).data("contactid");            
        $("#selContact").val(msg);
        $("#page2").popup( "close" )
    });
});