嘿，这个问题我太熟了！你现在的核心问题是把@RemoteAction异步方法和普通控制器属性的用法搞混了：

• 你的页面里用<apex:selectOptions value="{!countriesOptions}"/>，这是在绑定控制器的一个属性（或者说getter方法），但你控制器里写的是@RemoteAction标记的静态方法——这种方法是用来做AJAX异步调用的，根本不能直接用表达式绑定。

给你两种针对性的解决方案，按需选择：

方案一：改成普通控制器getter（适合页面加载时直接渲染下拉框） #

如果你的下拉框不需要动态加载（页面打开就显示所有国家），直接把远程动作改成普通的getter方法就行，代码调整如下：

控制器代码修改： #

// 去掉@RemoteAction，改成public的getter方法，返回SelectOption列表（这是apex:selectOptions需要的类型）
public List<SelectOption> getCountriesOptions() {
    List<SelectOption> countryOptions = new List<SelectOption>();
    // 添加选项，格式是new SelectOption(值, 显示文本)
    countryOptions.add(new SelectOption('Afghanistan', 'Afghanistan'));
    countryOptions.add(new SelectOption('Albania', 'Albania'));
    countryOptions.add(new SelectOption('Algeria', 'Algeria'));
    return countryOptions;
}

页面代码： #

你原来的页面代码完全不用改，因为{!countriesOptions}现在会自动匹配这个getter方法，<apex:selectOptions>会正确渲染下拉选项。

方案二：保留@RemoteAction（适合动态加载场景） #

如果你确实需要用异步加载（比如依赖其他字段的选择后再加载国家列表），那就要用JavaScript调用远程方法，手动构建下拉选项：

控制器代码： #

保留你的@RemoteAction方法（如果不需要ccrz.cc_RemoteActionContext参数可以考虑去掉，或者确保正确传递）：

@RemoteAction 
global static List<String> getCountriesOptions(ccrz.cc_RemoteActionContext ctxpage) { 
    List<String> allCountriesList = new List<String>{'Afghanistan','Albania','Algeria'}; 
    return allCountriesList; 
}

页面代码修改： #

1. 给selectList加上id，方便JS获取元素
2. 去掉原来的<apex:selectOptions>，改用JS动态生成选项

<div class="form-group"> 
    <div class="req_list_description"> 
        <apex:selectList value="{!editCountry}" multiselect="false" size="1" id="countrySelect">
            <!-- 这里不再用apex:selectOptions，留空由JS填充 -->
        </apex:selectList> 
    </div> 
</div>

<script>
// 定义调用远程方法的函数
function loadCountries() {
    // 调用控制器的远程方法，第一个参数是ctxpage（如果不需要可以传null）
    CAP_ManageDepartment.getCountriesOptions(null, function(result, event) {
        if (event.status) {
            // 获取下拉框元素
            var selectElement = document.getElementById('{!$Component.countrySelect}');
            // 清空原有选项
            selectElement.innerHTML = '';
            // 循环生成选项
            result.forEach(function(country) {
                var option = document.createElement('option');
                option.value = country;
                option.textContent = country;
                selectElement.appendChild(option);
            });
        } else {
            // 处理错误
            console.error('加载国家列表失败:', event.message);
        }
    });
}

// 页面加载完成后调用加载函数
window.addEventListener('load', loadCountries);
</script>

这样就能正确通过远程方法加载下拉选项了。

内容的提问来源于stack exchange，提问作者Pedro Oliveira