Javascript無法在「選擇」中附加選項

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頁面的組合框中添加選項。

問候， Premanshu

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