基于mysqli的交互式联动下拉菜单自动填充问题排查

我帮你梳理下代码里的核心问题，一步步给你解决：

先看几个致命错误 #

1. 赋值运算符误用：你写的if($selected = true)是赋值操作，不是比较判断——不管什么情况这个条件都会成立，所以第二个下拉会一直显示。得改成if($selected === true)（严格比较）。
2. Option Value完全写错：原来的<option value="<?php $selected = true; ?>">把赋值语句塞到了value里，导致所有选项的value都是空字符串，同时每次循环都会把$selected设为true，这就是为什么页面一加载第二个下拉就出来的原因。
3. 选中品牌的逻辑错误：你用循环里的$b去查询型号，但循环结束后$b只是最后一个品牌的值，不是用户实际选中的品牌，所以就算提交表单也拿不到正确的型号数据。
4. 缺少前端交互：PHP是服务器端代码，用户选择品牌后不会自动触发数据更新，必须用JavaScript做异步请求才能实现联动效果。

分步修正方案 #

1. 修复第一个下拉菜单的Option逻辑 #

先把选项的value改成正确的品牌值，同时处理选中状态：

<?php foreach($parts as $col) { ?>
<dl>
    <dt><?php echo htmlspecialchars($col); ?></dt>
    <dd>
        <?php 
        $brandList = $database->fetch_col($col);
        // 获取用户选中的品牌（如果是表单提交后的状态）
        $selectedBrand = isset($_GET['state']) ? $_GET['state'] : '';
        $hasSelected = !empty($selectedBrand);
        ?>
        <select id="brand-select-<?php echo $col; ?>" name="state" data-placeholder="State">
            <option value=""></option>
            <?php foreach($brandList as $brand){ 
                $isSelected = $brand['Brand'] === $selectedBrand;
            ?>
            <option value="<?php echo htmlspecialchars($brand['Brand']); ?>" <?php echo $isSelected ? 'selected' : ''; ?>>
                <?php echo htmlspecialchars($brand['Brand']); ?>
            </option>
            <?php }?>
        </select>

2. 修正第二个下拉的显示逻辑 #

现在用$hasSelected判断是否显示型号下拉，并且用用户选中的品牌去查询数据：

<?php if($hasSelected){ 
            // 用选中的品牌查询对应的型号，而不是循环里的$b
            $modelList = $database->fetch_row($col, $selectedBrand);
        ?>
        <select id="model-select-<?php echo $col; ?>">
            <option value=""></option>
            <?php foreach($modelList as $model) {?>
            <option value="<?php echo htmlspecialchars($model['Model']); ?>"><?php echo htmlspecialchars($model['Model']); ?></option>
            <?php }?>
        </select>
        <?php } else { ?>
            <span class="tip-text">Please select Brand</span>
        <?php } ?>

3. 添加前端JS实现实时联动 #

因为PHP没法监听用户的下拉选择，得用JavaScript发送异步请求来动态更新型号下拉。给每个部件的下拉单独加监听（避免ID冲突）：

<script>
        // 监听当前部件的品牌下拉变化
        document.getElementById('brand-select-<?php echo $col; ?>').addEventListener('change', function() {
            const selectedBrand = this.value;
            const modelSelect = document.getElementById('model-select-<?php echo $col; ?>');
            const tipText = this.nextElementSibling;

            if (!selectedBrand) {
                // 没选品牌时隐藏型号下拉，显示提示
                modelSelect.style.display = 'none';
                tipText.style.display = 'inline';
                tipText.textContent = 'Please select Brand';
                return;
            }

            // 发送AJAX请求获取对应型号
            fetch(`get-models.php?col=<?php echo urlencode($col); ?>&brand=${encodeURIComponent(selectedBrand)}`)
                .then(res => res.json())
                .then(models => {
                    // 清空现有选项并添加新数据
                    modelSelect.innerHTML = '<option value=""></option>';
                    models.forEach(model => {
                        const option = document.createElement('option');
                        option.value = model.Model;
                        option.textContent = model.Model;
                        modelSelect.appendChild(option);
                    });
                    // 显示型号下拉，隐藏提示
                    modelSelect.style.display = 'block';
                    tipText.style.display = 'none';
                })
                .catch(err => {
                    console.error('加载型号失败:', err);
                    tipText.textContent = 'Failed to load models';
                });
        });
        </script>
    </dd>
</dl>
<?php }?>

4. 新增后端接口文件（get-models.php） #

这个文件用来处理AJAX请求，返回对应品牌的型号数据：

<?php
// 这里替换成你的数据库连接代码
$database = new YourDatabaseClass();

$col = isset($_GET['col']) ? $_GET['col'] : '';
$brand = isset($_GET['brand']) ? $_GET['brand'] : '';

if ($col && $brand) {
    $models = $database->fetch_row($col, $brand);
    echo json_encode($models);
} else {
    echo json_encode([]);
}
?>

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