HTML表单下拉菜单指定数字范围

Question

我想在下拉菜单列表中指定数字范围,例如1-24,我正在做以下示例

<select name="hour">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
...
...
<option value="24">24</option>
</select>

是否有任何方式我们可以说使用1-24并动态创建下拉菜单,我想我们需要使用Javascript但我不知道如何编码它们？

Answer 1

你不需要Javascript,你可以使用PHP for循环:

<select name="hour">
    <?php for ($i = 1; $i <= 24; $i++) : ?>
        <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
    <?php endfor; ?>
</select>

Answer 2

这个答案现在可能有用。HTML5 使一切变得更简单。我们不需要 javascript 来做同样的事情。大多数现代浏览器都支持。无法检查较旧的 IE 版本。

<label for="hour">Hour:</label>
<input type="number" id="hour" min="1" max="24" />

参考：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number