如何将 Javascript 中的数据列表显示到 Select Statement HTML 中？

【问题标题】：How to display a list of data from Javascript into a Select Statement HTML?如何将 Javascript 中的数据列表显示到 Select Statement HTML 中？
【发布时间】：2018-08-24 23:57:57
【问题描述】：

我正在使用 moment.js 这个函数来显示一个月的星期一，但我不知道如何将它存储到 HTML 上的 Select 语句中。

<html>
<body>
  <select id="change">

  </select>
  <br>
</body>
</html>
<script>
    var monday = moment()
        .startOf('month')
        .day("Monday");
    if (monday.date() > 7) monday.add(7,'d');
    var month = monday.month();
    while(month === monday.month()){
        document.getElementById("Change").innerHTML += monday.format("MM-DD") +"<br>";
        monday.add(7,'d');
    }
</script>

JSFIDDLE

【问题讨论】：

标签： javascript html date drop-down-menu momentjs

【解决方案1】：

您可以使用元素select中的函数add：

select.add(new Option(...));

var monday = moment().startOf('month').day("Monday");

if (monday.date() > 7) monday.add(7, 'd');

var month = monday.month();
var select = document.getElementById("change");

while (month === monday.month()) {
  select.add(new Option(monday.format("MM-DD"), monday.format("MM-DD")));
  monday.add(7, 'd');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<select id="change">

  </select>

【讨论】：