AJAX动态生成子分类下拉框页面刷新后无法选中指定值求助

你的猜测完全正确！问题出在AJAX的异步特性上：当你执行$('#underKategory option[value="' + ucate + '"]').prop('selected', true);时，AJAX请求还没完成，子分类的下拉选项还没有被生成，自然找不到对应的<option>元素，所以选中操作无效。

解决方案：将选中逻辑移到AJAX的success回调中 #

我们需要等AJAX成功获取子分类数据并生成所有选项后，再执行选中指定子分类的操作。可以通过修改showSubKategory函数，添加一个可选参数来传递需要选中的子分类ID，然后在回调里完成选中。

修改后的JS代码：

var cat = <?php echo $cat ;?>;
var ucate = <?php echo $undercat ;?>;
var kats_aray =[0,2,3,4,7,8,9];

// 选中主分类（这部分保持不变）
$('#category_group option[value="' + cat + '"]').prop('selected', true);

// 处理子分类显示逻辑
if($.inArray($('#category_group').val(), kats_aray) !== -1) { // 注意：jQuery的inArray返回索引，找不到返回-1
    $('.uk').css('display','none');
} else {
    $('.uk').css('display','block');
    // 调用showSubKategory时传入需要选中的子分类ID
    showSubKategory($('#category_group').val(), ucate); 
}

// 修改后的AJAX函数，添加selectedId参数
function showSubKategory(val, selectedId){
    $.ajax ({
        type: "POST",
        url: "process/process.php",
        data:{"getsubcategories": "getsubcategories","cat":val} ,
        dataType: 'json',
        success: function(data) {
            $('#underKategory').css('opacity', '1');
            var $el = $("#underKategory");
            $el.empty(); // 移除旧选项
            var len = data.length;
            $el.append($("<option></option>").attr("value", 0).text('Please Select'));
            
            // 生成子分类选项
            for( var i = 0; i<len; i++){
                var id = data[i]['ids'];
                var name = data[i]['names'];
                $el.append("<option value='"+id+"'>"+name+"</option>");
            }
            
            // 等选项生成后，再设置选中指定子分类
            if(selectedId && selectedId !== 0){
                // 使用val()方法更简洁，自动匹配对应value的选项
                $el.val(selectedId);
            }
        }
    });
}

关键修改点说明： #

1. AJAX回调中执行选中：将选中子分类的逻辑从全局代码移到success回调里，确保只有当所有子分类选项都生成后，才执行选中操作。
2. 传递选中ID参数：给showSubKategory添加selectedId参数，方便在初始加载时传入URL中的uc值。
3. 使用val()简化选中：直接用$el.val(selectedId)来选中对应value的选项，比查找option再设置prop('selected', true)更简洁可靠。
4. 修正inArray判断：jQuery的$.inArray()如果找不到元素会返回-1，所以原来的判断逻辑需要调整为!== -1才正确（如果是原生JS的Array.prototype.indexOf同理）。

这样修改后，页面刷新时，AJAX加载完子分类选项后会自动选中URL中指定的子分类ID，和onchange触发时的行为保持一致。

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