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

【问题标题】：Javascript hashmap values displayed by a HTML dropdownHTML 下拉列表显示的 Javascript 哈希图值
【发布时间】：2019-03-12 06:19:00
【问题描述】：

有没有办法将 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>

提前致谢

【问题讨论】：

标签： javascript html dictionary hashmap

【解决方案1】：

您可以使用forEach 遍历map 并动态创建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>

【讨论】：

它在堆栈上工作，但在我的 IDE 中我得到“未捕获的类型错误：无法读取属性 'appendChild' of null”
我的脚本标签放错了地方，我的错误感谢您的帮助！