HTML下拉列表显示的Javascript哈希图值

Question

是否可以将JS hashmap值放入HTML下拉框中？

Display hashmap values in HTML dropdown box无效。

    var x = new Map
    x.put("Name", number).put("Name", number)...

然后在其中显示

     <select id="select">
        <option value="default">**Map values here**</option>
    </select>

预先感谢

Answer 1

您可以使用map遍历forEach并动态创建option并将其附加到选择

var x = new Map();
x.set('bar', 'foo')
  .set('bar1', 'foo1')
  .set('bar2', 'foo2')
  .set('bar3', 'foo3')
  .set('bar4', 'foo4');
let z = '';
x.forEach(function(item) {
  let o = document.createElement('option');
  o.innerHTML = item;
  document.getElementById('select').appendChild(o)

});

<select id="select">
  <option value="default">**Map values here**</option>
</select>