Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/286.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php HTML表单下拉菜单指定数字范围_Php_Javascript_Html - Fatal编程技术网

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

Php 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

我想在下拉菜单列表中指定数字范围,如我当前正在执行的示例中的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.
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" />