根据用户选择选择页面

Choosing page depending on users choices

本文关键字：选择 用户      更新时间：2023-09-26

我正在尝试创建一个网页，用户在首页上询问他们的姓名（文本框）和性别（单选按钮）。 然后，这将链接到一个新页面，这取决于他们是选择男性还是女性，它还需要在文本框中显示他们输入的姓名。

到目前为止，我有使用javascript的名称部分，这是在首页上，表单操作定向到新页面：

// Called on form's `onsubmit`
    function tosubmit() {
        // Getting the value of your text input
        var mytext = document.getElementById("mytext").value;
        // Storing the value above into localStorage
        localStorage.setItem("mytext", mytext);
        return true;
    }

这是在另一页上：

// Called on body's `onload` event
function init() {
    // Retrieving the text input's value which was stored into localStorage
    var mytext = localStorage.getItem("mytext");
    // Writing the value in the document
    document.getElementById("name").innerHTML = mytext;
}

这里的主要问题是这总是指向同一页面。 谁能告诉我如何解决这个问题并添加用户选择性别的选项，下一页将取决于此选择？

编辑：这是我的表格

<form class="enter-name" name="myform" onsubmit="tosubmit();" action="page1.html">
        <input  id="mytext" type="text" name="data" placeholder="Enter name" maxlength="12">
        Male:  <input type="radio" name="gender" value="male" /><br />
        Female: <input type="radio" name="gender" value="female" /><br />
        <input id="name-submit" type="submit" value="">
</form>

您可以使用 php 解决此问题 - 将表单发布到处理程序，该处理程序将根据发布的值重定向。在这种情况下，处理程序位于同一页面中：

<?php
if(isset($_POST['name'], $_POST['gender'])){
    $page = ($_POST['gender']=='male')? 'male-page.php' : 'female-page.php';
    header('Location:'.$page.'?name='.$_POST['name']);
    die();
}
?>
<html>
    <head><!-- head stuff here--></head>
    <body>
        <form class="enter-name" name="myform" action="" method="post">
            <input  id="mytext" type="text" name="name" placeholder="Enter name" maxlength="12">
            Male:  <input type="radio" name="gender" value="male" /><br />
            Female: <input type="radio" name="gender" value="female" /><br />
            <input id="name-submit" type="submit" value="">
        </form>
    </body>
</html>

在重定向到页面中，您可以通过 PHP 中的查询字符串参数访问 Name：

<div id="name">
    <?php echo $_GET['name'];?>
</div>
相关文章：