javascript - 通过 JavaScript 填充 Html 选择 "FontSize"

Question

我想通过脚本填充我的选择。我正在努力解决填充方法。

当我想填充 FontSizeMenu 时，我使用以下代码:

function FillFontSizeMenu() { // run this at Start
  FillSelection(GetPossibleFontSizes(), "fontSizeMenu"); // Fill the selection with values
}

function GetPossibleFontSizes(){ // Return all values for the menu
  var sizeMin = 1;
  var sizeMax = 100;
  var possibleSizes = [];
  for(var i = sizeMin; i <= sizeMax; i++)
  {
    possibleSizes.push(i);
  }
  return possibleSizes;
}


function FillSelection(possibleValues, elementId){ // Fill the menu
  for(var i = 0; i < possibleValues.length; i++)
  {
    var optionElement = "<option></option>"; // add one option element per value
    optionElement.html(possibleValues[i]);
    optionElement.val(possibleValues[i]);
    $(elementId).append(optionElement); // add the option element to the selection
  }
}

“FillSelection”方法有问题，它表示选项元素不是函数。

有人知道哪里出了问题或缺失吗？

谢谢

Answer 1

将 html 字符串包裹在 jQuery()

中

var optionElement = $("<option></option>");

您还可以使用jQuery()设置html、value并调用.appendTo()

$("<option></option>", {
  html: possibleValues[i],
  value: possibleValues[i],
  appendTo: $(elementId)
});