从不同的页面获取文本字段数据以显示在jquery中？

Question

我有下面的代码页：

<div data-role="page" id="personaldetails"> 
    <div data-role="header"> 
     <h1>ENTER PERSONAL DETAILS</h1> 
    </div><!-- /header --> 

    <div data-role="content"> 

     <div data-role="fieldcontain"> 
      <label for="name">Name:</label> 
      <input type="text" name="name" id="name" value="" /> 

      <label for="name">Phone Number:</label> 
      <input type="text" name="phone" id="phone" value="" /> 

      <label for="address">Address:</label> 
      <textarea cols="40" rows="10" name="address" id="address"></textarea> 
     </div> 

     <p><a href="#confirmscreen" data-role="button">Input Incident Details</a> </p> 

    </div><!-- /content --> 

    <div data-role="footer"> 
     <h4></h4> 
    </div><!-- /footer --> 
</div><!-- /page --> 

我尝试这样做在另一页：

<div data-role="page" id="confirmscreen"> 
    <div data-role="header"> 
     <h1>DETAILS TO SEND</h1> 
    </div><!-- /header --> 

    <div data-role="content"> 

     <div data-role="fieldcontain"> 
      <script type="text/javascript"> 
       $('<p>').html($('#phone').val()).appendTo('body'); 
      </script> 
     </div> 

     <p><a href="http://google.com/" data-role="button">Fin</a> </p> 

    </div><!-- /content --> 

    <div data-role="footer"> 
     <h4></h4> 
    </div><!-- /footer --> 
</div><!-- /page --> 

我想输出的手机发地区，但我越来越一个空格而不是我输入的电话号码。

我是否需要提交表格或其他内容才能使其工作？如果是的话，我会怎么做呢？

Answer 1

您需要执行PHP邮jQuery代码。 PHP Post（）是PHP中用于将信息从一个页面传递到另一个页面的一种方法。这是我将如何设置它

假设你有你的原始页面，我将称之为index.php。您现在可能将其作为index.html。将结尾更改为.php，然后重新打开文档。如今，伴随

跟从你现在所拥有的这一点：

<div data-role="page" id="personaldetails"> 
    <div data-role="header"> 
     <h1>ENTER PERSONAL DETAILS</h1> 
    </div><!-- /header --> 

    <div data-role="content"> 

     <div data-role="fieldcontain"> 
      <label for="name">Name:</label> 
      <input type="text" name="name" id="name" value="" /> 

      <label for="name">Phone Number:</label> 
      <input type="text" name="phone" id="phone" value="" /> 

      <label for="address">Address:</label> 
      <textarea cols="40" rows="10" name="address" id="address"></textarea> 
     </div> 

     <p><a href="#confirmscreen" data-role="button">Input Incident Details</a> </p> 

    </div><!-- /content --> 

    <div data-role="footer"> 
     <h4></h4> 
    </div><!-- /footer --> 
</div><!-- /page --> 

现在，你有这样的：

 <label for="name">Name:</label> 
     <input type="text" name="name" id="name" value="" /> 

     <label for="name">Phone Number:</label> 
     <input type="text" name="phone" id="phone" value="" /> 

     <label for="address">Address:</label> 
     <textarea cols="40" rows="10" name="address" id="address"></textarea> 

你会想附上它的形式，做做样子像这样

<form action="page2.php" method="post"> 
     <label for="name">Name:</label> 
     <input type="text" name="name" id="name" value="" /> 

     <label for="name">Phone Number:</label> 
     <input type="text" name="phone" id="phone" value="" /> 

     <label for="address">Address:</label> 
     <textarea cols="40" rows="10" name="address" id="address"></textarea> 
     <input type="submit" value="Report Incident Details" /> 
</form> 

如果你注意到了，我在Form标签中加入了输入，并添加了action =“page2.php”method =“p ost“标签的属性。这意味着当表单提交时，数据将被发送到你想要的第二页。我们还在表单区域中包含了提交按钮。现在

第二页应该像这样

<div data-role="page" id="confirmscreen"> 
    <div data-role="header"> 
     <h1>DETAILS TO SEND</h1> 
    </div><!-- /header --> 

    <div data-role="content"> 

     <div data-role="fieldcontain"> 
      <?php echo $_POST["name"]; ?><br /> 
      <?php echo $_POST["phone"]; ?><br /> 
      <?php echo $_POST["address"]; ?><br /> 
     </div> 

     <p><a href="http://google.com/" data-role="button">Fin</a> </p> 

    </div><!-- /content --> 

    <div data-role="footer"> 
     <h4></h4> 
    </div><!-- /footer --> 
</div><!-- /page --> 

这应该做的伎俩。玩的开心！

Answer 2

我不知道这是否会带来什么好处，但是我会做的第一件事是包装内

$(window).load(function() { 
});