如何将 Javascript 中的数据列表显示到 Select 语句 HTML 中



我正在使用这个函数使用 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>

吉斯菲德尔

您可以使用元素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>

最新更新