PHP二级联动菜单实现的代码示例展示

技术文摘

2025-01-02 01:07:47 小编

PHP二级联动菜单实现的代码示例展示

在Web开发中，二级联动菜单是一种常见的交互元素，它能够根据用户在第一个菜单中的选择，动态地显示相关的第二个菜单选项。PHP作为一种强大的服务器端脚本语言，可以方便地实现这种二级联动菜单的功能。下面将为您展示一个简单的PHP二级联动菜单的代码示例。

我们需要创建一个数据库来存储菜单数据。假设我们有一个名为“menu”的数据库，其中包含两个表：“category”和“subcategory”。“category”表用于存储一级菜单的类别信息，包含字段“id”和“category_name”；“subcategory”表用于存储二级菜单的子类别信息，包含字段“id”、“category_id”和“subcategory_name”，其中“category_id”是与“category”表关联的外键。

接下来，我们编写PHP代码来实现二级联动菜单。以下是一个简单的示例代码：

<?php
// 连接数据库
$conn = mysqli_connect("localhost", "username", "password", "menu");

// 获取一级菜单数据
$sql_category = "SELECT * FROM category";
$result_category = mysqli_query($conn, $sql_category);

// 根据用户选择的一级菜单获取二级菜单数据
if (isset($_GET['category_id'])) {
    $category_id = $_GET['category_id'];
    $sql_subcategory = "SELECT * FROM subcategory WHERE category_id = $category_id";
    $result_subcategory = mysqli_query($conn, $sql_subcategory);
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>PHP二级联动菜单示例</title>
</head>
<body>
    <select name="category" onchange="location.href='index.php?category_id='+this.value">
        <option value="">请选择类别</option>
        <?php while ($row_category = mysqli_fetch_assoc($result_category)) {?>
            <option value="<?php echo $row_category['id'];?>"><?php echo $row_category['category_name'];?></option>
        <?php }?>
    </select>
    <?php if (isset($result_subcategory)) {?>
        <select name="subcategory">
            <option value="">请选择子类别</option>
            <?php while ($row_subcategory = mysqli_fetch_assoc($result_subcategory)) {?>
                <option value="<?php echo $row_subcategory['id'];?>"><?php echo $row_subcategory['subcategory_name'];?></option>
            <?php }?>
        </select>
    <?php }?>
</body>
</html>

在上述代码中，首先连接数据库，然后获取一级菜单数据并显示在下拉列表中。当用户选择一级菜单时，通过JavaScript的onchange事件将选择的类别ID传递给服务器，服务器根据该ID查询并显示相应的二级菜单数据。

通过以上代码示例，您可以轻松地在PHP项目中实现二级联动菜单功能，为用户提供更友好的交互体验。

TAGS: 代码示例 PHP 二级联动菜单展示

万千站长工具

技术文摘

PHP二级联动菜单实现的代码示例展示

欢迎使用万千站长工具！