Javascript循环下拉选项

Question

I have just started learning vanilla JavaScript and I'm trying to create a drop-down menu targeting the HTML snippet.

I attempted to use the loop method to create 25 options but it only displays 1.

My code:

<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

In each iteration you are replacing the HTML, but you have to keep the previously added HTML as well. Try += instead of =

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