jquery - 如何使用 jQueryeach() 循环填充下拉菜单

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。然后我们使用 .appendChild() 将其附加到 select 中。

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

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