Html 简单的方法添加下拉菜单1-100没有做100个不同的选项?
我只是想知道是否有一个简单的快捷方式,可以将选项添加到数字1到100的下拉菜单中,而不必执行以下操作:Html 简单的方法添加下拉菜单1-100没有做100个不同的选项?,html,forms,Html,Forms,我只是想知道是否有一个简单的快捷方式,可以将选项添加到数字1到100的下拉菜单中,而不必执行以下操作: <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</opti
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
1
2.
3.
4.
5.
6.
7.
等等,一直到100
谢谢,恐怕不能用纯HTML 您可以使用一些jQuery来实现这一点:
$(function(){
var $select = $(".1-100");
for (i=1;i<=100;i++){
$select.append($('<option></option>').val(i).html(i))
}
});
$(函数(){
变量$select=$(“.1-100”);
就我所知,for(i=1;i不是纯HTML
但是使用JS或PHP或其他脚本语言(如JSP),您可以使用for循环非常轻松地完成这项工作
PHP中的示例:
<select>
<?php
for ($i=1; $i<=100; $i++)
{
?>
<option value="<?php echo $i;?>"><?php echo $i;?></option>
<?php
}
?>
</select>
除了html之外,您还使用JavaScript或jQuery吗?如果是,您可以执行以下操作:
HTML:
我知道这很旧,但是。。。
我不知道您是否正在寻找每次加载时生成数字/选项的代码。但我使用excel或open office calc页面,并始终使用自动编号。它可能看起来像这样
|
|1
|
然后我高亮显示行中的单元格,并将其向下拖动,直到有100个或我需要的数字。现在,我有了我刚才提到的代码片段。
ES6+jQuery:
$('#select').append([...Array(100).keys()].map((i,j) => `< option >${i}</option >`))
$('#select').append(_.range(100).map(function(i,j){ return $('<option>',{text:i})}))
$('#select').append([…数组(100).keys()]).map((i,j)=>`
Lodash+jQuery:
$('#select').append([...Array(100).keys()].map((i,j) => `< option >${i}</option >`))
$('#select').append(_.range(100).map(function(i,j){ return $('<option>',{text:i})}))
$('#select').append(35; range(100).map(函数(i,j){return$('',{text:i})}))
正如大家所说,html中没有一个,但是,您可以使用。事实上,我经常这样做
它看起来像这样:
select
- var i = 1
while i <= 100
option=i++
选择
-变量i=1
当我使用Html5时,你现在可以使用
<form>
<input type="number" min="1" max="100">
</form>
这将非常有用,我应该将其嵌入哪种jQuery语言?etc?@LukeTetrabyte这是一种,只要它是最新的库,但用户可以用键盘在框中键入任何值。
<form>
<input type="number" min="1" max="100">
</form>