将相同数据获取到两个选择元素

Question

我是Java脚本的新手，但我遇到了问题：

所以我想从API获取数据并将其显示在两个select元素中（两个select将具有与API相同的选项），问题是仅第二个select获取值，而不是一个。

const dropDown1 = document.querySelector('#select1');
const dropDown2 = document.querySelector('#select2');

getData().then(data => {

    Object.entries(data.results).forEach(element => {
        let currId = document.createElement('option');

        currId.innerText = element[1].id;
        dropDown1.appendChild(currId);
        dropDown2.appendChild(currId);

    });

})

如果我评论“ dropDown2.appendChild（currId）;”第一次选择将获得数据，所以我不知道为什么。任何帮助表示赞赏

Answer 1

const dropDown1 = document.querySelector('#select1');
const dropDown2 = document.querySelector('#select2');

getData().then(data => {
  Object.entries(data.results).forEach(element => {
      let currId = document.createElement('option');
      currId.innerText = element[1].id;

      dropDown1.appendChild(currId);
      dropDown2.appendChild(currId.cloneNode());    
  });
})