爲什麼我的選擇列表沒有填充？

Question

我正在試圖從我的數據庫中填充項目的選擇列表。我已經確認（使用「alert（）」框）jquery .getJSON函數正在獲取正確的數據，但是選擇列表仍然沒有填充。

var selectBox = document.createElement("select"); 
$.getJSON('optionGrabber.php', function(data) { 
    $.each(data, function(key, dbValue) { 
     var option = document.createElement("option"); 
     option.setAttribute("value",dbValue); 
     selectBox.appendChild(option); 
    }); 
}); 
myDiv.appendChild(selectBox); 

就像我說的，當我粘貼一個「alert（dbValue）;」緊隨「.each」語句之後，我在警報彈出窗口中獲得正確的數據。

Answer 1

您可以直接增加價值，而無需使用setAttribute方法是這樣的：

var selectBox = document.createElement("select"); 
$.getJSON('optionGrabber.php', function(data) { 
    $.each(data, function(key, dbValue) { 
     var option = document.createElement("option"); 
     option.value = dbValue; 
     option.text = dbValue; 
     selectBox.appendChild(option); 
    }); 
}); 
myDiv.appendChild(selectBox); 

添加的文本的選項，以及

Working Fiddle

Answer 2

我想初始化它應該是值：

option.value = dbValue; 

根據w3Schools reference for javascript and option。我想我自己曾經遇到過這樣的事情。

Answer 3

我認爲這裏的問題可能是你沒有設置文本選項？所以他們被添加，但你不能看到他們？

option.text = dbValue;