Salesforce APEX与Visualforce实现下拉选项联动的方案问询

该需求完全可以在Salesforce APEX + Visualforce技术体系下实现，无需调用SOQL，仅需调整控制器逻辑+增加Visualforce动态刷新组件即可完成联动效果

步骤1：修改Apex控制器逻辑 #

先补充页面字段绑定属性，再改造二级下拉的选项生成逻辑，根据一级下拉的选中值过滤返回对应选项：

// 补充一级、二级下拉的绑定属性，用于接收页面选中值
public List<String> selectedFood {get; set;}
public List<String> selectedDetailFood {get; set;}

// 原有一级下拉选项方法保持不变
public List<SelectOption> getFoodList(){
    List<SelectOption> options = new List<SelectOption>();
    options.add(new SelectOption('', '--select--'));
    options.add(new SelectOption('Warm Food', 'Warm Food'));
    options.add(new SelectOption('Cold Food', 'Cold Food'));
    return options;
}

// 改造后的二级下拉选项方法，根据选中的一级分类过滤
public List<SelectOption> getDetailFoodList(){
    List<SelectOption> options = new List<SelectOption>();
    options.add(new SelectOption('', '--select--'));
    
    // 硬编码分类与对应食物的映射关系
    Map<String, List<String>> foodCategoryMap = new Map<String, List<String>>{
        'Warm Food' => new List<String>{'Ramen', 'Soto'},
        'Cold Food' => new List<String>{'Frozen Mix Salad'}
    };
    
    // 一级未选中时默认返回所有选项，可按需调整为返回空
    if(selectedFood == null || selectedFood.isEmpty()){
        options.add(new SelectOption('Ramen', 'Ramen'));
        options.add(new SelectOption('Soto', 'Soto'));
        options.add(new SelectOption('Frozen Mix Salad', 'Frozen Mix Salad'));
        return options;
    }
    
    // 遍历选中的一级分类，把对应食物加入二级选项（支持多选一级的场景）
    for(String category : selectedFood){
        if(foodCategoryMap.containsKey(category)){
            for(String foodName : foodCategoryMap.get(category)){
                options.add(new SelectOption(foodName, foodName));
            }
        }
    }
    return options;
}

步骤2：修改Visualforce页面代码 #

给一级下拉增加值变化监听组件，触发后动态刷新二级下拉区域：

<!-- 一级下拉，增加actionSupport监听onchange事件 -->
<apex:selectList label="Food" multiselect="true" value="{!selectedFood}" size="5">
    <apex:selectOptions value="{!FoodList}"></apex:selectOptions>
    <!-- 选中值变化时触发刷新二级下拉 -->
    <apex:actionSupport event="onchange" rerender="detailFoodSelect" />
</apex:selectList>

<!-- 二级下拉，新增id用于被动态刷新 -->
<apex:selectList id="detailFoodSelect" label="Area" value="{!selectedDetailFood}" multiselect="true" size="5">
    <apex:selectOptions value="{!DetailFoodList}"></apex:selectOptions>
</apex:selectList>

• 选中Warm Food时，二级下拉仅展示Ramen、Soto
• 选中Cold Food时，二级下拉仅展示Frozen Mix Salad
• 同时选中两个一级分类时，二级下拉会展示两个分类下的所有食物
• 一级未选中时默认展示全部二级选项，可根据业务需求调整对应逻辑

内容的提问来源于stack exchange，提问作者Akun Premium1009