多下拉框联动故障：多选国家后运营商下拉框未正确加载

我帮你排查了代码里的几个关键问题，这就是导致多选国家时运营商选项无法正常加载的原因，下面是对应的修复方案：

1. Ajax代码中的选择器错误 #

你在Ajax的success回调里用了$("#sel")来获取运营商下拉框，但实际你的运营商下拉框id是operators，这会导致生成的选项无法添加到正确的元素中。

修复后的Ajax代码：

$("#select").change(function(){
    var a=$(this).val();
    $.ajax({
        method:'post',
        url:'operator.php',
        data:{'id':a,'isAjax':true},
        dataType:'json',
        success:function(data) {
            var select=$("#operators"),options='';
            select.empty();
            for(var i=0;i<data.length;i++) {
                options +="<option value='"+data[i].id+"'>"+data[i].operator+"</option>";
            }
            select.append(options);
        }
    });
});

2. PHP后端的SQL查询与参数绑定错误 #

当多选国家时，前端传递的id是一个数组，你原来的代码用implode("', '", $id)把数组转成字符串，然后用WHERE c_id=?绑定，这会导致SQL语法错误（相当于WHERE c_id='1', '2'），而且mysqli的参数绑定不能直接绑定多个值到单个占位符。

正确的做法是使用IN查询，并为每个数组元素生成对应的占位符，再逐个绑定参数：

修复后的operator.php代码：

<?php
// 先判断是否是Ajax请求且id参数存在
if(isset($_POST['isAjax']) && isset($_POST['id']) && is_array($_POST['id'])) {
    $ids = $_POST['id'];
    // 生成对应数量的占位符
    $placeholders = implode(',', array_fill(0, count($ids), '?'));
    $result = array();
    
    // 构建IN查询的SQL语句
    $sql = $con->prepare("SELECT `id`,`operator` FROM `operators` WHERE `c_id` IN ($placeholders)");
    
    // 动态绑定参数：先获取参数类型字符串，再绑定每个id
    $types = str_repeat('i', count($ids)); // 假设c_id是整数类型，用'i'；如果是字符串用's'
    $sql->bind_param($types, ...$ids);
    
    $sql->execute() or die(mysqli_error($con));
    $res = $sql->get_result();
    while($row = $res->fetch_array()) {
        $result[] = array('id'=>$row['id'],'operator'=>$row['operator']);
    }
    echo json_encode($result);
}
?>

补充说明： #

• 我添加了参数合法性判断，避免非Ajax请求或参数异常导致的错误
• bind_param的类型字符串$types：如果你的c_id是字符串类型，把'i'改成's'
• 用...$ids（PHP 5.6+支持的展开运算符）来绑定数组中的每个元素，确保每个id都正确绑定到对应的占位符

这样修改后，多选国家时就能正确加载所有选中国家对应的运营商选项了。

内容的提问来源于stack exchange，提问作者A.R