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

あなたはjQueryを使ってネイティブのJavaScriptを混合しています。
ネイティブDOMノードがあり、追加するにはappendChildを使用します。
テキストを設定するには、textではなく、textContentを使用します。

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