Php HTML表单下拉菜单指定数字范围
我想在下拉菜单列表中指定数字范围,如我当前正在执行的示例中的1-24Php HTML表单下拉菜单指定数字范围,php,javascript,html,Php,Javascript,Html,我想在下拉菜单列表中指定数字范围,如我当前正在执行的示例中的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
<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.
2.
3.
4.
...
...
24
我们是否可以说使用1-24并动态创建下拉菜单,我想我们需要使用Javascript,但我不知道如何编写它们?您不需要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>
在你的例子之后,我也发现了以下问题:
<?php
echo "<select>";
for ($h = 1; $h <= 24; $h++) echo "<option value='$h'>$h</option>";
echo "</select>";
?>
如果您只希望使用Javascript,可以执行以下操作:
for(var i=1; i<=24; i++){
var select = document.getElementById("hours");
var option = document.createElement("OPTION");
select.options.add(option);
option.text = i;
option.value = i;
}
for(var i=1;i使用PHP
echo';
foreach(范围(1,24)为$number){
回显“.$number.”;
}
回声';
这个答案现在可能很有用。有了HTML5,它变得更简单了。我们不需要javascript来做同样的事情。大多数现代浏览器都支持。无法检查旧的IE版本
<label for="hour">Hour:</label>
<input type="number" id="hour" min="1" max="24" />
小时:
参考资料:@Satish哈哈!如果有用的话,别忘了标记为最佳答案:)为什么不……我会的,但你得等10分钟:)
<label for="hour">Hour:</label>
<input type="number" id="hour" min="1" max="24" />