如何在 Javascript 中使用键作为值和值作为内容来填充选项？

Question

我的情况与此类似 JavaScript - populate drop down list with array，但有一个例外。我需要键来填充值，而不是值。

比如我的数组是这样的：

var months = {"":"--None--", "jan":"January", "feb":"February", "mar":"March"};

文章中提到的功能很好用，但我需要的值与内容不同。这是我修改后的代码：

var monthOptions = document.getElementById("month");
function loadMonths(months){
    monthOptions.innerHTML = '';
            
    for(var i = 0; i < months.length; i++) {
        var opt =  months[i];
        var el = document.createElement("option");
        el.textContent = opt;
        el.value =  months[i].keys();
        monthOptions.appendChild(el);
     }
}

我的HTML:

<select name="month" id="month" required></select>

Answer 1

el.textContent = opt是设置您要搜索的内容。如何遍历字典 months 请参阅并像这样插入元素设置：

for (let [key, value] of Object.entries(months)){
    var el = document.createElement("option");
    el.textContent = value;
    el.value =  key;
    monthOptions.appendChild(el);
}

如何在 Javascript 中使用键作为值和值作为内容来填充选项？

How to populate options with array in Javascript using keys as values and values as content?

javascript

arrays

drop-down-menu