Question

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'
  }
];

我的代码有问题。我想使用javascript创建一个option元素。我在下面做了这样的事情。我怎么了？

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

const populateCurrencies = () => {  

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

Answer 1

它与DOM操作有关；

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

如何使用javascript创建option元素并设置其值

1 个答案: