JavaScript 无法在 "select"中 append 选项

Question

在下面的函数中，我尝试在 html 页面上的下拉列表中添加选项。

function getProcessors(){
var ctrl = document.getElementById("AgentlList");
var option = document.createElement("option");
option.text = "Kiwi";
alert(option.text);
ctrl.append(option.text);
//1. ctrl.append("abc");
//2. ctrl.append("<option value='Auditor1'>abc</option>");
//3. ctrl.add("abc");
}

正如您在上面的代码中看到的，除了“ctrl.append(option.text);”行之外我也尝试了其他 3 种方法(已注释掉)，但都不起作用。

有人可以告诉我出了什么问题以及如何在 html 页面的组合框中添加选项。

问候， 普雷曼舒

Answer 1

您将 native javascript 与 jQuery 混合在一起。
您有一个 native DOM 节点，要 append 它，您可以使用 appendChild。
要设置其文本，您可以使用 textContent，而不是 text。

function getProcessors(){
    var ctrl   = document.getElementById("AgentlList");
    var option = document.createElement("option");

    option.textContent = "Kiwi";

    ctrl.appendChild(option);
}

如果你一直在使用 jQuery，你就可以做到

function getProcessors(){
    var ctrl   = $("#AgentlList");
    var option = $("<option />");

    option.text("Kiwi");

    ctrl.append(option);
}