Javascript 使用多个1020选择选项加速加载时间表单

我每个月都有一个表单，用户可以选择两次“从”和“到”

这些选项是用PHP生成的

<?php
for ($h = 7; $h <= 23; $h++) {
    for($m = 0; $m <= 59; $m++){
        echo $h.':'.$m.'<br/>';
    }
}
?>

因此，一月份它将加载124个选择框，共有1020个选项

这需要2.8秒的时间，让用户感到恼火

我想不出一个办法来加快速度， 尽管我想知道是否有可能显示所有的选择框，是否可以快速打开并加载时间

---

任何其他想法都是非常受欢迎的。

看看这个答案：只要在需要时用javascript动态地让它们弹出。使用javascript在客户端呈现选择框。@Mouser，这是一个非常好的想法。就像在日历中设置日期一样-编辑，再搜索一些后，这似乎被称为时间选择器。但是，用这种方式选择60次不同的时间需要大量的点击。我将使用时间选择器的额外弹出选项继续搜索输入框。因此，用户可以选择键入或单击。当然，任何建议都是非常受欢迎的。似乎使用jQuery、Javascript解决方案并没有真正的帮助。我用en输入字段替换了select选项，并在下拉部分使用了timepicker。这使我的速度提高了0.2秒。当我删除javascript并只使用输入框时，加载时间会快得多356 ms！。因此，我试图只使用输入字段，并将其限制为仅时间输入。