为什么我的选择列表没有填充？

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;