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

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

中

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

Answer 2

您需要执行PHP帖子。 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 =“post”添加到标记的属性中。这意味着在提交表单时，数据将被发送到您希望它所在的第二页。我们还在表单区域中包含了提交按钮。

现在第二页看起来应该是这样的

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

应该这样做。玩得开心！

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

2 个答案: