有什么方法可以使用某种循环来编写 HTML 选项吗？

Question

我正在制作一个下拉菜单，其中包含从 00 到 59 代表分钟的选项。我的 HTML 代码是否需要包含每个单独的选项，或者是否有某种方法可以动态创建它们？

        <select id="minutes">
           <option>00</option>
           <option>01</option>
           <option>02</option>
           <option>03</option>
           <option>04</option>
           ...

似乎对于简单的事情来说太多了。我可以用 Javascript 做吗？

Answer 1

你的html：

<select id="minutes"></select>

您的脚本：

$(document).ready(function(){
    for(var i=0; i <= 59; i++)
       $('<option>').text(i).appendTo('select#minutes');
});

有什么方法可以使用某种循环来编写 HTML 选项吗？

Is there any way to write HTML options using some sort of loop?

html

javascript

css

option