jQuery设置select选中项页面加载无效，控制台正常及Promise调用问题

首先来说为什么最开始的脚本不生效：

• 你的array.js里的选项填充逻辑是异步的（依赖d3.json发起的网络请求，这是一个Promise操作），而页面里的jQuery脚本是同步执行的——当它运行时，d3.json还没完成请求，选项根本没被添加到<select>里，自然找不到value="transferred"的选项，也就没法选中。
• 而你在Chrome控制台执行时，页面已经加载完成，异步请求早就结束了，选项已经存在，所以能成功选中。

再看你修改后的代码，问题出在then的使用上：
你写的.then($('#action option[value="transferred"]').attr("selected", "selected"))是错误的——then方法需要接收一个函数作为回调，但你现在是直接执行了attr方法（这行代码会立即运行，而不是等第一个Promise完成后再运行），这时候选项依然还没被添加，所以还是无效。

正确的写法 #

把选中逻辑放到一个函数里，传给第二个then：

function populateLists() {
  d3.json('data.json').then(function(data) {
    const keys = ["coin_lab", "action", "from", "to"]
    var list = {};
    keys.forEach(key => {
      let unique = [...new Set(data.map(item => item[key]))];
      list[key] = unique;
    })
    // 注意：这里你之前用$('select').empty()会清空所有select，建议指定id#action
    $('#action').empty();
    list.action.forEach(act => {
      $('#action').append(new Option(act, act))
    })
  })
  // 这里传入一个函数，当第一个then完成后才会执行
  .then(() => {
    $('#action option[value="transferred"]').attr("selected", "selected");
    // 或者用prop方法，对于selected这类布尔属性，prop更合适
    // $('#action option[value="transferred"]').prop("selected", true);
  })
}
populateLists();

额外优化：用async/await让代码更易读 #

如果你的环境支持ES6+，可以用async/await替代链式then，逻辑更清晰：

async function populateLists() {
  try {
    const data = await d3.json('data.json');
    const keys = ["coin_lab", "action", "from", "to"];
    const list = {};
    keys.forEach(key => {
      list[key] = [...new Set(data.map(item => item[key]))];
    });
    
    $('#action').empty();
    list.action.forEach(act => {
      $('#action').append(new Option(act, act));
    });
    
    // 填充完成后再选中选项
    $('#action option[value="transferred"]').prop("selected", true);
  } catch (err) {
    console.error('加载数据失败:', err);
  }
}
populateLists();

补充说明 #

• 对于selected这类布尔型DOM属性，jQuery的prop()方法比attr()更合适，因为attr()操作的是HTML属性，而prop()操作的是DOM对象的属性，更符合表单元素的状态控制逻辑。
• 之前的$('select').empty()会清空页面上所有的<select>元素，建议明确指定$('#action')来操作目标下拉框，避免影响其他元素。

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