有没有办法使用某种循环编写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');
});