php 联动表单

基础概念

PHP联动表单是指在一个HTML表单中，通过PHP脚本处理用户输入的数据，并根据这些数据动态地改变表单的其他部分。这种技术常用于创建交互性强、用户体验好的网页应用。

类型

下拉菜单联动：根据一个下拉菜单的选择，动态改变另一个下拉菜单的选项。
级联选择：多级下拉菜单联动，逐级筛选数据。
动态显示/隐藏表单元素：根据用户的输入或选择，显示或隐藏某些表单元素。

应用场景

电子商务：根据用户选择的商品类别，动态显示相关属性。
数据录入：根据用户的选择，动态生成不同的表单字段。
用户配置：根据用户的偏好设置，动态调整界面布局和功能选项。

示例代码

以下是一个简单的PHP联动表单示例，展示了如何根据一个下拉菜单的选择，动态改变另一个下拉菜单的选项。

HTML部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>PHP联动表单示例</title>
</head>
<body>
    <form action="process_form.php" method="post">
        <label for="category">选择类别:</label>
        <select name="category" id="category" onchange="loadOptions()">
            <option value="fruit">水果</option>
            <option value="vegetable">蔬菜</option>
        </select>

        <label for="item">选择项目:</label>
        <select name="item" id="item">
            <!-- 选项将通过JavaScript动态加载 -->
        </select>

        <input type="submit" value="提交">
    </form>

    <script>
        function loadOptions() {
            var category = document.getElementById('category').value;
            var xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function() {
                if (xhr.readyState == 4 && xhr.status == 200) {
                    document.getElementById('item').innerHTML = xhr.responseText;
                }
            };
            xhr.open('GET', 'get_options.php?category=' + category, true);
            xhr.send();
        }
    </script>
</body>
</html>

PHP部分（get_options.php）

<?php
$category = $_GET['category'];

$options = '';

if ($category == 'fruit') {
    $options = '<option value="apple">苹果</option>
                <option value="banana">香蕉</option>
                <option value="orange">橙子</option>';
} elseif ($category == 'vegetable') {
    $options = '<option value="carrot">胡萝卜</option>
                <option value="lettuce">生菜</option>
                <option value="tomato">番茄</option>';
}

echo $options;
?>