以太坊dApp开发中使用jQuery.each()无法为下拉框填充数据如何解决

架构老林

2026-10-5

问题排查及修复方案

核心原因说明

新版Metamask出于隐私限制，eth.getAccounts()默认仅返回用户主动授权给网页的地址，无法直接拉取Ganache本地测试网的全部地址，且未显式请求账户权限的情况下该接口会返回空数组
你当前代码未对getAccounts的错误回调做处理，无法定位是接口调用失败还是返回值为空
旧版web3的web3.eth.coinbase属性已被弃用，判断逻辑可能失效
需确认你实例化Web3的App.url参数是否和Ganache启动的本地测试网地址完全一致（默认地址为http://127.0.0.1:7545，注意端口匹配）
需确认populateAddress函数在App初始化逻辑中已被主动调用，函数未执行自然不会生成下拉选项

修复后的代码示例

populateAddress : async function(){
    // 初始化指向Ganache的web3实例
    const web3 = new Web3(new Web3.providers.HttpProvider(App.url));
    try {
        // 若需要拉取Ganache全量地址直接使用getAccounts即可，若需要用户Metamask授权的地址替换为requestAccounts
        const accounts = await web3.eth.getAccounts();
        const selectEl = jQuery('#enter_address');
        // 先清空原有选项避免重复追加
        selectEl.empty();
        accounts.forEach(account => {
            // 移除废弃的coinbase判断，如需排除当前默认地址可改为判断accounts[0]
            selectEl.append(`<option value="${account}">${account}</option>`);
        });
    } catch (err) {
        // 打印错误方便排查
        console.error("获取地址失败：", err);
    }
},