페이지 사이에 양식 값 유지

Question

내 PhoneGap 앱에는 연락처 버튼이있는 양식 페이지가 있습니다. 사용자가 클릭하면 연락처 페이지가 나타나 연락처를 선택한 다음 양식으로 돌아와서 제출합니다. 양식으로 돌아갈 때 JSFiddle에서 입력 된 데이터가 양식에 계속 있지만 양식으로 돌아갈 때 내 앱에 입력 된 모든 데이터가 제거되어 사용자가 양식을 다시 채워야합니다.

연락처 페이지에서 입력 한 양식 데이터를 필드에 반환하려면 어떻게해야합니까?

사용자가 연락처 페이지에서 완료 버튼을 클릭하면이 코드를 사용하여 선택한 데이터를 formPage에 전달합니다.

JSFiddle

$('#Done').on('click', function(){ 
    $.mobile.changePage('FormPage.html', { 
     dataUrl: 'FormPage.html?paremeter=' + selectedContact + ' ', 
     data: { 
      'paremeter': '' + selectedContact + '' 
     }, 
     reloadPage: false, 
     changeHash: false 
    }); 
}); 

Answer 1

당신은 별도의 페이지 대신 팝업을 사용할 수 있습니다. 여기

은 당신의 FIDDLE

귀하의 2 페이지가 이제 첫 번째 페이지 내에서 팝업입니다 업데이트됩니다. pageinit에

<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; 
} 

내가 100 연락처를 추가 한 다음 필드로 다시 선택한 연락처 ID를 기록하는 연락처에 대한 클릭 핸들러를 creat에 : 동적으로 100 개 항목으로 채워집니다 스크롤하는 DIV와리스트 뷰를 포함 양식을 닫고 팝업창을 닫습니다.

$(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") 
    }); 
});