Javascript 将相同的数据提取到两个select元素

我不熟悉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.appendChildcurrId；第一次选择将获得数据，所以我不知道为什么。

---

非常感谢您提供的任何帮助

附加节点可将节点从一个父节点移动到另一个父节点，您可以在将节点附加到第二个下拉列表之前删除该节点：

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());    
  });
})