如何为PHP Web表单创建确认页面?

时间:2016-08-30 05:54:37

标签: javascript html

我有一个像这样的php网页表单。下拉菜单是使用php从SQL数据库填充的,但为了简单起见,我只是用HTML显示它...

<form action ="confirm.php" method="post">
    Name <input type="text" id="name" value=" "><br>
    City <input type="text" id="city" value=" "><br>
    Telephone <input type="text" id="telephone" value=" "><br>
    Street Address <input type="text" id="st_address" value=" "><br>
    Zip Code <input type="text" id="zip" value=" "><br>
    Email <input type="text" id="email" value=" "><br>


    <!-- Item 1 -->
    Item 1&nbsp;&nbsp;&nbsp; 
        <select id ="item1" class ="item">

        <option value"">Please Select</option>

        <option value"">---Appetizers---</option> 
        <option value="3.25">Spring Roll (2) - $3.25</option>
        <option value="6.95">Deep Fried Tofu with Salt & Chili (Hot) - $6.95</option>
        <option value="6.95">Deep Fried Wonton - $6.95</option>

        <option value"">---Main Courses---</option> 
        <option value="13.75">Deep Fried Cod Fillet with Ginger Sauce - $13.75</option>
        <option value="13.75">Deep Fried Cod Fillet in Sweet & Sour Sauce - $13.75</option>
        <option value="11.75">Peppery Chicken (Hot) - $11.75</option>
        <option value="11.75">Satay Chicken - $11.75</option>

        <option value"">---Lunch Specials---</option> 
        <option value="8.95">Mixed Vegetable with Chicken - $8.95</option>
        <option value="8.95">Braised Fried Bean Curd Vegetables - $8.95</option>
        <option value="8.95">Black Bean Sauce Chicken - $8.95</option>

        </select>
        <br>
</form>

<input type=button onClick="location.href='confirm.php'" value="Proceed to checkout">

我让它使用JavaScript在同一页面上显示填写/选定的信息:

<script>
    function getContact() {
        // contact information
        var name = document.getElementById("name").value;
        var city = document.getElementById("city").value; 
        var telephone = document.getElementById("telephone").value;
        var st_address = document.getElementById("st_address").value;
        var zip = document.getElementById("zip").value;
        var email = document.getElementById("email").value;

        document.getElementById("c_name").innerHTML = "Name: " + name;
        document.getElementById("c_city").innerHTML = "City: " + city;
        document.getElementById("c_telephone").innerHTML = "Telephone: " + telephone;
        document.getElementById("c_st_address").innerHTML = "Street Address: " + st_address;
        document.getElementById("c_zip").innerHTML = "Zip Code: " + zip;
        document.getElementById("c_email").innerHTML = "Email: " + email;
    }

    var items = document.getElementsByClassName("item");
    var output = document.getElementById("output");

    function getItems() {
        output.innerHTML = "";
      for (var i = 0; i < items.length; i++) {
        if (items[i].value > 0) {
        var sel = items[i].options[items[i].selectedIndex].text;
          output.innerHTML += sel + "<br>";
        }
      }


    }

     for (var i = 0; i < items.length; i++) {
        items[i].addEventListener('change',getItems);
    }

</script>

但我想要确认页面上显示的信息。如何将php页面链接到确认页面?关联这两个页面后,我是否可以在确认页面上引用网络表单ID?

4 个答案:

答案 0 :(得分:1)

有两种方法可以解决这个问题:

  1. 发表 详细了解http://php.net/manual/en/reserved.variables.post.php 有了这个,您需要将表单操作写为确认页面。当您点击提交按钮时,数据将被传输到您的确认页面,您可以在那里显示它们。使用$ _POST

  2. 访问它
  3. <强>会话即可。 详细了解http://php.net/manual/en/book.session.php 有了这个,您需要在表单页面上启动会话。确认页面上将提供相同的会话。使用$ _SESSION访问它。

答案 1 :(得分:0)

在您的confirm.php上执行:

<?php echo $_POST["name"];?>

这会将发布的数据输出到打印的html中,因此您可以将其放在身体的某个位置

答案 2 :(得分:0)

您正在向您的确认页面发送包含所有数据的POST请求。你可以向他们展示这种方式: $ name = $ _POST [&#39; name&#39;]; 与剩下的其他人一样。 然后只需回显$ name

答案 3 :(得分:0)

在您的确认页面上使用此

<p>Name: <?php echo $_POST['name']?></p>
<p>City: <?php echo $_POST['city']?></p>
<p>Zip: <?php echo $_POST['zip']?></p>
.....
.......