【问题标题】:How can I echo out the users dropdown selection?如何回显用户下拉选择?
【发布时间】:2016-11-21 06:49:38
【问题描述】:

我正在尝试将用户从下拉菜单中选择的内容回显到屏幕上。因此,每当用户选择一个数字时,它都会更新其下方的文本以显示他们选择的内容。下面是我的代码:

<html>
<head>
</head>
<body>
<label for="numbers"></label>
<form action="drop.php">
    <select name="numbers">
    <option value="0">select number</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    </select>
    <br><br>
    <input type="submit">
</form>

<?php

if(isset($_POST['numbers']))
{
    $numbers = $_POST['numbers'];
    $error = "?";
    echo "<p>" . $numbers . "</p>";
}
?>
</body>
</html>

更新的主代码

【问题讨论】:

  • 这将更适合 javascript。您目前缺少&lt;form&gt; 标签,您不需要提交按钮,但除非您想添加javascript onchange 来提交您的表单,否则您应该包含一个。
  • 酷,感谢您的信息。我会记住 JS,但为此维护 PHP,我添加了一个具有 action="file.php" 的表单,并且在 之后但在表单内包含了提交按钮。它似乎仍然无法正常工作。更新代码在正文中,谢谢!

标签: php html select post menu


【解决方案1】:

在表单中添加 method="post"

<form action="drop.php" method="post">

【讨论】:

  • 谢谢,没想到!
【解决方案2】:

在表单声明中尝试 method="post"。或使用 $_GET 而不是 $_POST ON drop.php

if(isset($_POST['numbers']))

【讨论】:

    【解决方案3】:

    我建议阅读 PHP 的 Dealing with Forms 教程并研究 change event

    For your code example, I've added a form element along with an "onchange" attribute to the select element which will automatically submit the form when a number is chosen.

    <html>
    <head>
    </head>
    <body>
    <form action="<?php echo basename(__FILE__); ?>" method="post">
    <label for="numbers">Numbers:</label>
    <select name="numbers" onchange="document.forms[0].submit();">
        <option value="0">select number</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
    <input type="submit">
    </form>
    
    <?php
    
    if (array_key_exists('numbers', $_POST)) {
        $numbers = $_POST['numbers'];
        echo '<p>' . $numbers . '</p>';
    }
    ?>
    
    </body>
    </html>
    

    【讨论】:

    • 这正是我所需要的,感谢您提供的信息和链接。我一定会通读这些并开始弄清楚这一点。祝你有美好的一天
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-05-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多