PHP多级依赖下拉框插入MySQL仅存ID无法存入名称问题求解

你遇到的核心冲突是分类下拉框的value需要同时满足两个需求：一是传分类ID给get_state.php实现下级下拉框联动，二是提交表单时传分类名称用于入库，直接修改value必然会破坏其中一个功能，以下是两种可直接落地的实现方案：

方案一：后端根据提交的ID查询分类名称入库（推荐） #

无需修改任何前端联动逻辑，仅调整表单提交后的PHP入库代码即可：

<?php
if(isset($_POST['submit'])){
    require('connect.php');
    // 获取选中的分类ID数组，统一转整数过滤避免注入
    $selected_ids = array_map('intval', $_POST['country']);
    $id_str = implode(',', $selected_ids);
    // 根据ID查询对应的分类名称
    $name_query = "SELECT `name` FROM `categories` WHERE `id` IN ($id_str)";
    $result = mysqli_query($db, $name_query);
    $selected_names = [];
    while($row = mysqli_fetch_assoc($result)){
        $selected_names[] = $row['name'];
    }
    $state_string = implode(', ', $selected_names);
    // 转义特殊字符避免SQL注入
    $state_string = mysqli_real_escape_string($db, $state_string);
    $sql = "INSERT INTO `chosen_activities` (`name`) VALUES ('$state_string')";
    mysqli_query($db,$sql);
}
?>

该方案符合数据库设计规范，分类ID作为唯一标识不会频繁变动，数据一致性更高，也能避免前端篡改数据的风险。

方案二：前端自定义属性存储ID，value存分类名称 #

如果不想修改后端逻辑，可调整前端代码，把联动需要的ID存在自定义属性中，value保留分类名称用于表单提交：

1. 修改分类下拉框的option渲染代码：

<option value="<?php echo $country["name"]; ?>" data-cid="<?php echo $country["id"]; ?>"><?php echo $country["name"]; ?></option>

2. 修改getState函数，读取自定义属性的ID拼接联动请求参数：

function getState() {
    var str='';
    var val=document.getElementById('country-list');
    for (i=0;i< val.length;i++) { 
        if(val[i].selected){
            // 读取自定义属性存储的分类ID
            str += val[i].getAttribute('data-cid') + ','; 
        }
    }         
    var str=str.slice(0,str.length -1);
    
    $.ajax({          
        type: "GET",
        url: "get_state.php",
        data:'country_id='+str,
        success: function(data){
            $("#state-list").html(data);
        }
    });
}

修改完成后表单提交时$_POST['country']直接返回分类名称数组，无需额外转换即可入库，同时下级下拉框联动逻辑不受影响。

注意：你的原有SQL代码存在SQL注入风险，无论使用哪种方案，都建议对入库字符串做转义处理，或改用MySQLi预处理语句执行SQL操作，避免安全问题。

内容的提问来源于stack exchange，提问作者MAZHAR IQBAL RANA