[英]Jquery mobile form data submit between two pages in a single file?
我想將數據``首頁''頁面發送到``get_data''頁面。如何從首頁獲取數據並使用jquery發送到第二頁
<div class="main">
<!-- first page -->
<section id="home_page" data-role="page">
<header data-role="header">
<h1>Header</h1>
</header><!-- /header -->
<article role="main" class="ui-content">
<!-- Form -->
<form action="" method="post" accept-charset="utf-8">
form data send here
</form>
</article><!-- /content -->
<footer data-role="footer">
<h1>Footer</h1>
</footer><!-- /footer -->
</section><!-- second page -->
<section id="get_data" data-role="page">
<header data-role="header">
<h1>Header</h1>
</header><!-- /header -->
<article role="main" class="ui-content">
<p> display the data here from home page </p>
</article><!-- /content -->
<footer data-role="footer">
<h1>Footer</h1>
</footer><!-- /footer -->
</section><!-- /page -->
</div>
您可以在第1頁上獲取表單數據,並將表單值附加到第二頁。 完成后,您可以根據需要更改頁面。 在演示中,“提交”按鈕轉到第二頁。
碼
$("#sub").on( "click", function( event ) {
var first = $('#first').val();
var last = $('#last').val();
$("#formdata").empty();
var pagedata = $("<p>" + first + "</p><p>" + last + "</p>");
pagedata.appendTo("#formdata");
$("#formdata").enhanceWithin();
$( ":mobile-pagecontainer" ).pagecontainer( "change", "#get_data", { transition: "pop" } );
})
演示
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.