HTML表单下拉菜单指定数字范围
HTML form dropdown menu specify number range
我想在下拉菜单列表中指定数字范围,如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,但我不知道如何编码它们?
你不需要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>
这个答案现在可能有用了。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
如果您只希望使用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;
}
下面是一个jsFiddle的例子:jsFiddle
甚至我也明白了你的例子:
<?php
echo "<select>";
for ($h = 1; $h <= 24; $h++) echo "<option value='$h'>$h</option>";
echo "</select>";
?>
Use PHP Range -创建一个包含一系列元素的数组
echo '<select name="hour">';
foreach (range(1,24) as $number) {
echo '<option value='.$number.'>'.$number.'</option>';
}
echo '</select>';
相关文章:
- 需要将变量设置为特定的数字范围
- 用于验证数字范围的正则表达式
- Javascript/Jquery:使用数字范围验证输入
- 创建使用用户输入的数字范围生成的随机数.(JavaScript)
- 需要Javascript数学表达式或公式来将数字范围放在组中
- Javascript / jQuery - 将一个数字范围映射到另一个数字范围
- 始终在 3K 数字范围内选择不同的数字
- Javascript:在数字范围之间转换,保持正确的比例
- 如何在其他重叠的数字范围之间找到可用的数字范围
- 检查数字范围内没有重复项的数字范围的最有效方法
- 在javascript中选择数字范围的算法
- 输入-限制数字范围
- 6位base36数字范围的正则表达式
- 在数字范围内查找空白
- 纯javascript html 5文本类型数字范围验证
- 正则表达式,用于数字中有空格的数字范围
- HTML表单下拉菜单指定数字范围
- 使用循环javascript的数字范围
- 如何在jquery中使用切换大小写(数字范围)
- 构造正则表达式以匹配数字范围