JavaScript循环下拉选项

Question

我刚刚开始学习普通JavaScript，并且我试图创建一个针对HTML代码段的下拉菜单。

我尝试使用loop方法创建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>

Answer 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>