如何使用javascript创建选项元素并将其设置为'；s值

我的代码有问题。我想使用javascript创建一个option元素。我在下面做过类似的事情。我的问题是什么

我希望货币数组中的每个项目都填充到PopulateCurrences函数中。它还应该创建一个option元素。并将其值设置为项目id

const currencies = [
  {
    id: 'USD', name: 'US Dollars'
  }, {
    id: 'UGX', name: 'Ugandan Shillings'
  }, {
    id: 'KES', name: 'Kenyan Shillings'
  }, {
    id: 'GHS', name: 'Ghanian Cedi'
  }, {
    id: 'ZAR', name: 'South African Rand'
  }
];

---

它与DOM操作有关

const populateCurrencies = () => {  

            var ans = document.getElementById('USD').value;
}

---

您需要的输出是什么？我需要用户单击某个选项时的输出以及用户所选内容的值应显示在浏览器中。和的可能重复

currencies.forEach((x)=>{
let selectElt = document.querySelector('.select-text');
let newElt = document.createElement('option');
let newText = document.createTextNode(x.name);
newElt.setAttribute('value', 'x.id');
newElt.appendChild(newText);
selectElt.appendChild(newElt);
})