如何使用 jQuery each() 循环填充下拉列表答案

【问题标题】：How to populate Dropdown with jQuery each() Loop如何使用 jQuery each() 循环填充下拉列表
【发布时间】：2017-12-08 16:13:19
【问题描述】：

我想一模一样：

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

你能给我一些提示吗？

【问题讨论】：

.each() has 将遍历所有元素

标签： jquery drop-down-menu html-select populate

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

&lt;select id="age"&gt;&lt;/select&gt;

【讨论】：

Hey Gustaf，例如，如果我想设置为默认值和数字 6 的选择项的文本，你能告诉我该怎么做。

【解决方案3】：

$.each() 将遍历选定的元素（仅限所有已经存在的元素）

要实现这一点，您需要使用 for 循环等。

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

【讨论】：