phpcms 二级联动

基础概念

phpcms 是一个基于 PHP 的内容管理系统（CMS），它提供了丰富的功能来帮助用户快速构建和管理网站。二级联动通常指的是在表单中，当一个下拉菜单（一级）的选项改变时，另一个下拉菜单（二级）的选项会相应地更新。这种交互方式在很多场景中都非常有用，比如地区选择（省-市-区）、分类选择（大类-小类）等。

类型

二级联动主要分为以下几种类型：

静态联动：联动关系在页面加载时就已经确定，不会动态变化。
动态联动：联动关系会根据用户的操作或其他数据的变化而动态调整。

应用场景

地区选择：用户在选择省份后，城市选项会自动更新为该省份下的城市。
分类选择：用户在选择大类后，小类选项会自动更新为该大类下的子分类。
产品筛选：用户在选择某个品牌后，产品列表会自动更新为该品牌下的产品。

实现方法

以下是一个简单的 PHP 和 JavaScript 示例，展示如何实现二级联动：

HTML 部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>PHPcms 二级联动示例</title>
</head>
<body>
    <select id="province" onchange="loadCities()">
        <option value="">请选择省份</option>
        <!-- 省份选项将通过 JavaScript 动态加载 -->
    </select>
    <select id="city">
        <option value="">请选择城市</option>
        <!-- 城市选项将通过 JavaScript 动态加载 -->
    </select>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="script.js"></script>
</body>
</html>

JavaScript 部分（script.js）

$(document).ready(function() {
    // 加载省份数据
    $.ajax({
        url: 'get_provinces.php',
        type: 'GET',
        success: function(data) {
            var provinces = JSON.parse(data);
            $.each(provinces, function(index, province) {
                $('#province').append($('<option>', { 
                    value: province.id,
                    text : province.name 
                }));
            });
        }
    });
});

function loadCities() {
    var provinceId = $('#province').val();
    if (provinceId) {
        $.ajax({
            url: 'get_cities.php',
            type: 'GET',
            data: { province_id: provinceId },
            success: function(data) {
                var cities = JSON.parse(data);
                $('#city').empty().append($('<option>', { 
                    value: '',
                    text : '请选择城市' 
                }));
                $.each(cities, function(index, city) {
                    $('#city').append($('<option>', { 
                        value: city.id,
                        text : city.name 
                    }));
                });
            }
        });
    } else {
        $('#city').empty().append($('<option>', { 
            value: '',
            text : '请选择城市' 
        }));
    }
}

PHP 部分（get_provinces.php）

<?php
// 假设这是从数据库中获取省份数据的代码
$provinces = [
    ['id' => 1, 'name' => '广东省'],
    ['id' => 2, 'name' => '湖南省'],
    // 其他省份
];

header('Content-Type: application/json');
echo json_encode($provinces);
?>

PHP 部分（get_cities.php）

<?php
// 假设这是从数据库中获取城市数据的代码
$provinceId = $_GET['province_id'];
$cities = [];
if ($provinceId == 1) {
    $cities = [
        ['id' => 1, 'name' => '广州市'],
        ['id' => 2, 'name' => '深圳市'],
        // 其他城市
    ];
} elseif ($provinceId == 2) {
    $cities = [
        ['id' => 3, 'name' => '长沙市'],
        ['id' => 4, 'name' => '岳阳市'],
        // 其他城市
    ];
}
// 其他省份的城市

header('Content-Type: application/json');
echo json_encode($cities);
?>