Javascript 循环下拉选项答案

【问题标题】：Javascript loop drop-down optionsJavascript 循环下拉选项
【发布时间】：2019-03-07 11:05:30
【问题描述】：

我刚刚开始学习 vanilla JavaScript，我正在尝试创建一个针对 HTML sn-p 的下拉菜单。

我尝试使用循环方法创建 25 个选项，但它只显示 1 个。

我的代码：

<select name="25dropdown" id="25dropdown">

</select>

<script>

function dropDown(){
for (y = 1; y < 26; y++) {
    document.getElementById("25dropdown").innerHTML = ("<option value =" + y + ">" + y + "</option>");
    }
}
dropDown();

</script>

【问题讨论】：

innerHTML with For Loop in Javascript的可能重复

标签： javascript html

【解决方案1】：

在每次迭代中，您都在替换 HTML，但您还必须保留之前添加的 HTML。试试+= 而不是=

<select name="25dropdown" id="25dropdown">

</select>

<script>

function dropDown(){
  for (y = 1; y < 26; y++) {
    document.getElementById("25dropdown").innerHTML += ("<option value =" + y + ">" + y + "</option>");
  }
}
dropDown();

</script>

【讨论】：