如何在二级下拉仅1个选项时触发Ajax change函数获取三级数据

我明白你的需求啦——当选择一级下拉框后，如果二级下拉框只有唯一选项，希望自动选中这个选项并触发它的change事件，从而自动加载三级下拉框的数据对吧？这可以通过在一级下拉框的AJAX成功回调里添加一段判断逻辑来实现，具体修改如下：

修改后的一级下拉框AJAX回调代码 #

$("#sel_block").change(function(){
    var blockid = $(this).val();
    $.ajax({
        url: 'getZone.php',
        type: 'post',
        data: {block:blockid},
        dataType: 'json',
        success:function(response){
            var len = response.length;
            $("#sel_zone").empty();
            if(len == 0){
                $("#sel_zone").append('<option value="">No Data Found</option>');
                // 修复原代码的报错问题：len=0时response没有数据，直接清空blockid值
                $("#blockid").val('');
            } else{
                var selectedZoneId = ''; // 存储唯一二级选项的ID
                for( var i = 0; i<len; i++){
                    var id = response[i]['id'];
                    var name = response[i]['name'];
                    var block_selected = response[i]['block_selected'];
                    var block_area = response[i]['block_area'];
                    var block_region = response[i]['block_region'];
                    
                    if(id==name) {
                        $("#sel_zone").append('<option value="">No Data Found</option>');
                    } else {
                        $("#sel_zone").append("<option value='"+id+"'>"+name+"</option>");
                        selectedZoneId = id; // 记录当前选项ID
                    }
                    
                    $("#delete_block").attr("href", "delete_block.php?blockid="+block_selected+"&area="+block_area+"&region="+block_region);
                    $("#blockid").val(block_selected);
                }
                // 核心逻辑：如果二级下拉只有1个有效选项，自动选中并触发change事件
                if(len === 1){
                    $("#sel_zone").val(selectedZoneId).trigger('change');
                }
            }
        }
    });
});

逻辑说明 #

1. 我们在循环外新增了selectedZoneId变量，用来存储二级选项的ID（当只有一个选项时，这个变量就是该选项的唯一值）
2. 在循环结束后，判断len === 1（也就是二级下拉仅返回一个有效选项），通过val(selectedZoneId)选中这个选项，再调用trigger('change')手动触发二级下拉框的change事件，这样就会自动触发加载三级下拉框的AJAX请求了。

额外修复提示 #

原代码里len == 0的分支中使用了response[i]['block_selected']，但此时i并未定义，会导致JavaScript报错，我在修改后的代码里将其替换为清空#blockid的值，你可以根据实际业务需求调整这部分逻辑。

内容的提问来源于stack exchange，提问作者Ancoor D Banerjee