Javascript无法在&#34中添加选项;选择"

时间:2016-10-26 19:54:54

标签: javascript jquery html combobox append

在下面的函数中,我试图在我的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");
}

你可以在上面的代码中看到除了&#34; ctrl.append(option.text);&#34;我也尝试了其他3种方式(已注释掉),但没有一种方法可行。

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

此致 Premanshu

1 个答案:

答案 0 :(得分:1)

您将原生javascript与jQuery混合 您有一个原生DOM节点,要附加它,您可以使用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);
}