如何使用javascript在选择列表中创建从1到100的选项?

如何使用javascript在选择列表中创建从1到100的选项?,javascript,loops,for-loop,selection,options,Javascript,Loops,For Loop,Selection,Options,我想在java脚本中使用循环创建选项1到100,这是我的html代码: <table> <tr> <td>Quantity</td> <td><select id="quantiti"></select></td> </tr> </table> 量 这是我的java脚本: function quantity(){ var select =

我想在java脚本中使用循环创建选项1到100,这是我的html代码:

<table>
  <tr>
    <td>Quantity</td>
    <td><select id="quantiti"></select></td>
  </tr>
</table>
这是我的java脚本:

function quantity(){
    var select = document.getElementById('quantiti');
    for (var i = 1; i <= 100; i++){
    select.options[select.options.length] = new Option(i+1, i);
  }
}
函数数量(){
var select=document.getElementById('quantiti');

对于(var i=1;i,请查找我在JSFIDLE中测试过的以下代码

function quantity(){
    var select = document.getElementById('quantiti');
    for (var i = 0; i <= 100; i++){
    select.options[select.options.length] = new Option(i+1, i);
  }
}
quantity()
函数数量(){
var select=document.getElementById('quantiti');

对于(var i=0;i,请查找我在JSFIDLE中测试过的以下代码

function quantity(){
    var select = document.getElementById('quantiti');
    for (var i = 0; i <= 100; i++){
    select.options[select.options.length] = new Option(i+1, i);
  }
}
quantity()
函数数量(){
var select=document.getElementById('quantiti');
对于(var i=0;i试试这个

var options = ""
for (var i = 1; i <= 100; i++){
    options += '<option value="'+i+'">'+i+'</option>';
}
document.getElementById('quantiti').innerHTML = options;
var options=“”
对于(var i=1;i试试这个

var options = ""
for (var i = 1; i <= 100; i++){
    options += '<option value="'+i+'">'+i+'</option>';
}
document.getElementById('quantiti').innerHTML = options;
var options=“”
对于(变量i=1;i
函数数量(){
var select=document.getElementById('quantiti');
对于(变量i=0;i<100;i++){
select.options[select.options.length]=新选项(i+1,i);
}
}
数量();

您忘记调用quantity(),还更正了选择选项范围。

函数quantity(){
var select=document.getElementById('quantiti');
对于(变量i=0;i<100;i++){
select.options[select.options.length]=新选项(i+1,i);
}
}
数量();


您忘记调用quantity(),还更正了选择选项的范围。

您需要在某处调用该函数,您只定义了该函数,但未执行该函数

我检查了您的代码,但是如果您从1
var I=1
开始计算值,则在执行时将从2开始计算,因为在开始时添加+1


另外,如果您将限制设置为100(
i),则需要在某个地方调用该函数,您只定义了该函数,而不执行该函数

我检查了您的代码,但是如果您从1
var I=1
开始计算值,则在执行时将从2开始计算,因为在开始时添加+1

另外,如果您将限制设置为100(
iEasy way:

$(document).ready(function() {
    for (var i = 1; i <= 100; i++) {
        $('#quantiti').append("<option value="+ i +">"+ i +"</option>");                    
    }
});
$(文档).ready(函数(){
对于(var i=1;i简易方法:

$(document).ready(function() {
    for (var i = 1; i <= 100; i++) {
        $('#quantiti').append("<option value="+ i +">"+ i +"</option>");                    
    }
});
$(文档).ready(函数(){


for(var i=1;i何时是函数
quantity()
调用?您的代码正在运行!看起来您没有调用Functional。将代码作为可运行的代码段添加,零更改显示它会创建100个选项,正如预期的那样。文本值有点偏离,但很容易修复。或者您忘记调用quantity了吗?是的,我不知道我需要这样做。但是,代码没有运行在我放入外部js.file后,为什么?我可以确定该文件已链接。这是我的文件,何时是你的函数
quantity()
调用?您的代码正在运行!看起来您没有调用Functional。将代码作为可运行的代码段添加,零更改显示它会创建100个选项,正如预期的那样。文本值有点偏离,但很容易修复。或者您忘记调用quantity了吗?是的,我不知道我需要这样做。但是,代码没有运行为什么?我可以肯定这个文件是链接的。这是我的文件太奇怪了,只有当我放入HTML时它才工作,而在放入外部js.文件后它就不工作了。但是我可以肯定这个文件已经链接了。你知道为什么吗?这是我的文件:第一个函数是将F度转换为C度。不明白为什么它不会t工作..在这个版本中是这样的:而且,你不能在JSFIDLE中添加没有url的脚本标记,就像这样tho:太奇怪了,它只在我放入HTML时工作,在放入外部js.文件后就不工作了。但是我可以确定文件已经链接。你知道为什么吗?这是我的文件:第一个函数是将F度转换为C度。你知道吗我不明白为什么它不起作用。在这个版本中,它起作用了:另外,你不能在JSFIDLE中添加没有url的脚本标记,就像这样tho:谢谢,但是还有一个问题,函数名可以和id名相同吗?是的,你可以为函数设置任何名称,只需将
函数数量(amount)
更改为类似
函数HelloWorld(amount)的内容
并在执行时更改
数量(100);
HelloWorld(100);
谢谢,但还有一个问题,函数名能否与id名相同?是的,您可以为函数设置任何名称,只需将
函数数量(金额)
更改为类似
函数HelloWorld(金额)的内容
执行时也会更改
数量(100);
HelloWorld(100)
code-only答案没有多大帮助。你应该解释OP为什么会有问题,以及你的代码是如何解决的。code-only答案没有多大帮助。你应该解释OP为什么会有问题,以及你的代码是如何解决的。没有jQuery标记,也没有在OP中使用。没有调用@RobG书面函数,这就是我在ready fu中显示的原因使用简单jQuery的操作没有jQuery标记,在OP中也没有使用它。@RobG writed函数没有被调用,这就是为什么我在使用简单jQuery的ready函数中显示它