PHP二级联动下拉框异常求助：地点下拉框无数据加载

嘿，我来帮你排查这个联动下拉框的问题！从你描述的情况来看，第一个地区下拉正常，但地点下拉没数据，大概率是前端请求或者后端处理的环节出了问题，咱们一步步来梳理：

1. 先确认后端load_place函数的完整性 #

你只贴出了load_district的开头，我猜你可能没写好对应的地点加载函数，或者函数里有逻辑漏洞。给你一个标准的参考实现：

function load_place($selected_district) {
    // 先确保数据库连接正确（和load_district用同一个连接逻辑）
    $connect = mysqli_connect("localhost", "你的用户名", "你的密码", "你的数据库名");
    if (!$connect) {
        die("数据库连接失败: " . mysqli_connect_error());
    }

    // 用预处理语句防止SQL注入，同时保证查询准确
    $query = "SELECT DISTINCT place FROM address WHERE district = ?";
    $stmt = mysqli_prepare($connect, $query);
    mysqli_stmt_bind_param($stmt, "s", $selected_district);
    mysqli_stmt_execute($stmt);
    $result = mysqli_stmt_get_result($stmt);

    // 生成下拉选项
    $options = "<option value=''>请选择地点</option>";
    while ($row = mysqli_fetch_assoc($result)) {
        $options .= "<option value='{$row['place']}'>{$row['place']}</option>";
    }

    echo $options;
    mysqli_close($connect);
}

同时要在页面主逻辑里判断是否接收到地区参数，触发这个函数：

// 检查是否有前端传来的district参数
if (isset($_POST["district"])) {
    load_place($_POST["district"]);
    exit; // 一定要退出，避免输出页面其他HTML内容干扰返回结果
}

2. 检查前端AJAX请求是否正确 #

第一个下拉框的change事件里，要确保请求路径、参数名和后端对应，比如用jQuery的实现：

$(document).ready(function() {
    $("#district").change(function() {
        var selected_district = $(this).val();
        // 先判断是否选中了有效地区
        if (selected_district === "") {
            $("#place").html("<option value=''>请先选择地区</option>");
            return;
        }

        $.ajax({
            url: "practice.php", // 确保路径正确，比如如果是子目录要写全
            method: "POST",
            data: { district: selected_district }, // 参数名要和后端$_POST的键一致
            success: function(data) {
                $("#place").html(data); // 把后端返回的选项插入地点下拉框
            },
            error: function(xhr, status, error) {
                // 加上错误提示，方便排查问题
                alert("加载地点失败: " + error);
                console.log(xhr.responseText); // 可以在控制台看后端返回的内容
            }
        });
    });
});

还要确认两个下拉框的ID是否和JS里的#district、#place对应，比如前端HTML应该是：

<select id="district">
    <!-- 这里是load_district生成的选项 -->
</select>
<select id="place">
    <option value=''>请先选择地区</option>
</select>

3. 排查数据匹配问题 #

• 检查数据库address表中，对应地区的place字段是否有真实数据，避免是空的
• 确认前端选中的district值和数据库里的district字段值完全一致（比如有没有大小写差异、多余空格），可以在后端临时加调试代码：

  // 在load_place里添加，看实际执行的查询
  echo "SELECT DISTINCT place FROM address WHERE district = '$selected_district'";
  

  把这个SQL拿到数据库客户端执行，看是否能返回结果。

4. 检查页面输出干扰 #

如果你的practice.php页面还有其他HTML内容（比如头部、尾部），一定要在调用load_place后用exit终止输出，不然后端返回的内容会混进多余的HTML，导致前端无法正常渲染下拉选项。

按上面的步骤排查下来，应该就能找到问题所在啦！

内容的提问来源于stack exchange，提问作者Ajmal Hossain