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

Question

我想在 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);
  }
}

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

window.onload = quantity;

<table>
  <tr>
    <td>Quantity</td>
    <td><select id="quantiti"></select></td>
  </tr>
</table>

我检查了很多次，还是没发现我的代码有什么问题。

任何帮助将不胜感激。

Answer 1

请找到我在 jsfiddle 中测试过的以下代码

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()

Answer 2

试试这个

var options = ""
for (var i = 1; i <= 100; i++){
    options += '<option value="'+i+'">'+i+'</option>';
}
document.getElementById('quantiti').innerHTML = options;

Answer 3

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();

https://jsfiddle.net/k0xsy15q/

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

Answer 4

您需要在某处调用该函数，您只定义了该函数而没有执行。

我检查了你的代码，但是如果你从 1 开始值 var i = 1，这将在执行时从 2 开始，因为你在开始时添加 +1。

此外，如果您将限制设置为 100 (i <= 100)，最后将给您 101（因为在完成时添加 +1）

正确的方法是这样的：（我还添加了自定义金额来设置）

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

quantity(100);

在这里测试：https://jsfiddle.net/ztsaa667/1/

Answer 5

简单方法：

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

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

How to create options from 1 to 100 in selection list by using javascript?

javascript

loops

for-loop

options

selection