Question

我希望像这样：

window.onload = function populateDropdown(){
    console.log('Hallo i bims, ein Method')
    for(var i = 0; i < 100; i++){
        var select = document.getElementById('age');
        select.options[select.options.length] = new Option(i, i);
    }
};

在jQuery中..我已经用$ .each（）尝试过了，但我不明白我该如何做到这一步：

(;i < 99; i++)

你可以给我一些提示吗？

Answer 1

你可以这样做。在每次迭代中，我们都会创建一个新的option元素并将其text和value设置为i。然后，我们将select添加到.appendChild()。

＆＃13;

window.onload = function populateDropdown(){
  var select = document.getElementById('age');
  
  for (var i = 0; i < 100; i++) {
    var option = document.createElement("option");
    option.text = i;
    option.value = i;
    select.appendChild(option);
  }
};

＆＃13;

<select id="age"></select>

＆＃13;

Answer 2

以下是for中JQuery循环的简单示例：

var totalNumbers = 99;
for (var i = 0; i < totalNumbers; i++) {
  //creates option tag
  jQuery('<option/>', {
    value: i,
    html: i
  }).appendTo('#ID_OF_SELECT');
}

Answer 3

$。each（）将遍历所选元素（仅限所有已存在的元素）

要实现这一目标，您需要使用for循环或类似。

for(var i = 0, i < 100; i++) {
    $('#age').append('<option/>', {
        value: i,
        html: i
    });
}

如何使用jQuery each（）循环填充Dropdown

3 个答案: