PHP 创建下拉列表

当前位置：主页 > 学无止境 > 编程语言 > PHP >

Python PHP Java Go TypeScript C++ Vba Node.js C语言 MATLAB

PHP 创建下拉列表

作者：迹忆客最近更新：2023/03/28 浏览次数：

本文将介绍下拉列表并使用 PHP 创建一个。

在 PHP 中创建一个下拉列表

下拉列表是列表中的一组项目。在你单击小箭头之前，内容是不可见的。

本文将介绍两种类型的下拉列表。

静态下拉列表
动态下拉列表

我们先来看看静态下拉列表。

在 PHP 中创建静态下拉列表

静态下拉列表是一个没有数据库连接的简单 PHP 下拉框。我们将在下面的示例代码中为某些编程语言创建一个静态下拉框。

在列表中，我们将有以下语言。

PHP
Python
Java
C++

然后我们将使用 PHP 来回显选择的语言。

代码：

//Create a static dropdown box
<form id="L" method="post">
   <select name="Language">
   <option value="PHP">PHP</option>
    <option value="Python">Python</option>
    <option value="Java">Java</option>
    <option value="C++">C++</option>
  </select>
<input type="submit" name="Submit" value="Submit">
</form>

<?php
if(isset($_POST['Language'])) {
  echo "Selected Language: ".htmlspecialchars($_POST['Language']);
}
?>

下拉框应如下所示。

PHP 静态下拉框

我们单击箭头以在上图中的下拉框中显示完整的项目列表。让我们尝试从菜单中选择语言 PHP，看看会发生什么。

PHP 选择

这就是在没有数据库连接的情况下创建下拉框的方式。现在让我们看一下动态下拉列表。

在 PHP 中创建动态下拉列表

动态下拉列表从数据库中获取内容。让我们看一个例子。

我们有一个名为 sample tutorial 的 MySQL 数据库。在我们的数据库中，我们有表 parkinglot。

请参见下表。

更新的数据库表

从上表中，我们将创建一个下拉框来获取我们的 BrandName 行的内容。

首先，我们将创建一个数据库连接并使用 SELECT * FROM 函数来获取 BrandName 行的内容。最后，我们将为上述项目创建一个下拉菜单。

代码：

<?php
$user = 'root';
$pass = '';
$db = 'sample tutorial';

$con = mysqli_connect("localhost", $user, $pass, $db);

  $sql = "SELECT  `BrandName` FROM `parkinglot1` WHERE 1;";
  $car_brands = mysqli_query ($con, $sql);

?>
<html>
    <head>
    <title>Dynamic Drop Down Box</title>
    </head>
    <BODY bgcolor ="yellow">
        <form id="form" name="form" method="post">
            Car Brands:
            <select Brand Name='NEW'>
            <option value="">--- Select ---</option>

        <?php

            while ($cat = mysqli_fetch_array(
                                $car_brands,MYSQLI_ASSOC)):;

                ?>
                    <option value="<?php echo $cat['BrandName'];
                    ?>">
                               <?php echo $cat['BrandName'];?>
                    </option>
                <?php
              endwhile;
                ?>
            </select>
            <input type="submit" name="Submit" value="Select" />
        </form>
    </body>
</html>