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

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

javascript jquery web-applications

Javascript 从不同页面获取要在jquery中显示的文本字段数据？,javascript,jquery,web-applications,Javascript,Jquery,Web Applications,我有一个包含以下代码的页面： <div data-role="page" id="personaldetails"> <div data-role="header"> <h1>ENTER PERSONAL DETAILS</h1> </div> <div data-role="content"> <div data-

我有一个包含以下代码的页面：

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


要发送的详细信息
$（“”）.html（$（“#phone”）.val（））.appendTo（'body'）；

我试图输出电话文本区域，但得到的是一个空格，而不是我输入的电话号码

我是否需要提交表格或其他什么来让它生效？如果是这样的话，我该怎么做呢？

我不知道这是否有什么好处，但我要做的第一件事是将jquery代码包装在

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

我不知道它是否有任何好处，但我要做的第一件事是将jquery代码包装在

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

您需要执行一个PHP Post。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>

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


姓名：
电话号码：
地址:

如果您注意到了，我将输入包含在一个表单标记中，并将action=“page2.php”method=“post”添加到标记的属性中。这意味着在提交表单时，数据将被发送到您希望它位于的第二页。我们还在表单区域中包含了Submit按钮

现在第二页应该是这样的

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

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


要发送的详细信息

这应该可以达到目的。玩得开心