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

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