Ajax模态框：更新表单下拉框自动选中当前状态问题排查

你遇到的核心问题是值不匹配+选择器错误，这两个点导致下拉框无法自动选中对应选项：

1. 下拉选项的value绑定的是status_id（比如数字1），但PHP后端返回的comp_status却是status_desc（比如字符串FOLLOW-UP）——用字符串去匹配数字值，自然找不到对应的选项。
2. Ajax代码里用了.select_status选择器，但原HTML中的<select>只有form-control类、name="select_status"，这个选择器根本找不到目标元素。
3. 设置选中状态时，用attr('selected', true)不如prop('selected', true)可靠，selected是布尔属性，prop才是jQuery处理这类DOM属性的标准方式。

1. 修正PHP后端返回的值 #

修改fetch_single.php中$output["comp_status"]的赋值，返回状态ID而非状态描述：

// 原错误代码
// $output["comp_status"] = $row["status_desc"];
// 修改为：
$output["comp_status"] = $row["comp_status"]; 
// 也可以用$row["status_id"]，因为左连接后两者值完全一致

2. 修正Ajax中的选择器 #

把.select_status改成匹配name属性的选择器，确保能精准定位下拉框：

// 原错误代码
// $.each($('.select_status option'),function(a,b){
// 修改为：
$.each($('select[name="select_status"] option'),function(a,b){

3. 优化选中逻辑（可选但推荐） #

你完全可以不用循环遍历选项，直接用一行代码完成选中操作，更高效简洁：

// 替代原来的循环遍历逻辑
$('select[name="select_status"]').val(data.comp_status);

这行代码会自动匹配对应value的选项并设置为选中状态，省去手动循环的麻烦。

$(document).on('click', '.update', function(){
    var user_id = $(this).attr("id");
    var array = [];
    $('select :selected').each(function(i,value) {
        array[i] = $(this).val();
    });
    $.ajax({
        url:"partials/test/fetch_single.php",
        method:"POST",
        data:{user_id:user_id},
        dataType:"json",
        success:function(data) {
            $('#userModal').modal('show');
            $('#comp_name').val(data.comp_name);
            $('#comp_parent').val(data.comp_parent);
            // 简化的选中逻辑
            $('select[name="select_status"]').val(data.comp_status);
            $('.modal-title').text("Modifier un fichier client");
            $('#user_id').val(user_id);
            $('#user_uploaded_image').html(data.user_image);
            $('#action').val("Edit");
            $('#operation').val("Edit");
        }
    })
});

完成修改后，点击更新按钮：

1. PHP会返回对应公司的comp_status（数字ID）
2. Ajax拿到ID后，直接设置下拉框的value为该ID，对应的状态选项就会自动选中。

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