如何将Ajax返回值添加到指定ID的select下拉框中？

先给你揪出一个一眼就能看到的小错误：你的select标签id是branch_name，但AJAX成功回调里写的是$("#brnch_name")——少了个字母a！这直接导致你找不到这个下拉框元素，肯定没法设置值呀，先把这个拼写问题修正过来。

接下来分两种场景给你解决方案，看你属于哪一种：

场景1：下拉框已经有所有分支的选项了 #

如果你的select提前就加载好了所有可选的分支，现在只是需要把从数据库拿到的值选中，那修正拼写后直接设置val就行，代码改成这样：

$.ajax({
    url : 'get_savac_member_data.php',
    method : "POST",
    data : data,
    success : function(response){
        var segments = response.split(",");
        // 修正ID拼写，现在能正确找到下拉框了
        $("#branch_name").val(segments[17].trim());
    }
});

场景2：需要动态添加分支选项再选中 #

如果你的下拉框只有默认的“Select branch Name”，那得先把从数据库拿到的分支信息做成option加进去，再选中。假设segments[17]是分支ID，segments[18]是分支名称（你得根据自己的实际返回数据调整索引哈），代码可以这么写：

$.ajax({
    url : 'get_savac_member_data.php',
    method : "POST",
    data : data,
    success : function(response){
        var segments = response.split(",");
        var branchId = segments[17].trim();
        var branchName = segments[18].trim();
        
        // 拿到下拉框元素
        var branchSelect = $("#branch_name");
        // 创建新的选项
        var newOption = $("<option></option>")
            .val(branchId)
            .text(branchName);
        // 把选项加进去
        branchSelect.append(newOption);
        // 选中这个新选项
        branchSelect.val(branchId);
    }
});

额外给你提个优化建议 #

用逗号分隔字符串返回数据其实挺容易出问题的（比如分支名称里有逗号就炸了），不如让后端返回JSON格式，处理起来更靠谱。

比如后端get_savac_member_data.php这么写：

// 后端示例，根据你的实际查询结果调整
$memberData = [
    'branch_id' => '101',
    'branch_name' => 'Downtown Branch'
    // 其他你需要的字段...
];
echo json_encode($memberData);

前端AJAX改成这样，直接解析成对象用：

$.ajax({
    url : 'get_savac_member_data.php',
    method : "POST",
    data : data,
    dataType: 'json', // 告诉AJAX返回的是JSON
    success : function(response){
        // 直接用对象属性，不用再拆分字符串了
        $("#branch_name").val(response.branch_id);
        // 如果需要动态加选项
        $("#branch_name").append(`<option value="${response.branch_id}">${response.branch_name}</option>`);
        $("#branch_name").val(response.branch_id);
    }
});

最后别忘了确认下segments[17]是不是你真正需要的分支值，别搞混索引了哦～

内容的提问来源于stack exchange，提问作者Md. Farhad Hossain