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

就像我说的，当我坚持“警告（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;

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

3 个答案: