Html 简单的方法添加下拉菜单1-100没有做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

我只是想知道是否有一个简单的快捷方式,可以将选项添加到数字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</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>