值作为一行进入下拉框

Question

我有一个Dropdown框，它被mySQL数据库中的值填充，这是我用来填充下拉列表的脚本部分。

var details = JSON.parse(data);
console.log(details);
for ( i = 0; i < details.aaData.length; i++) {
console.log(details.aaData[i].id);
$('select#package-id option').append(details.aaData[i].id);
}

这是HTML，

<select name="package" name="package-id" id="package-id">
        <option></option>
</select>

但下拉列表显示值为1234，正如我所期望的那样，

1

2

3

4

对此有任何解决方法吗？

Answer 1

尝试更改此内容：

var details = JSON.parse(data);
console.log(details);
for ( i = 0; i < details.aaData.length; i++) {
console.log(details.aaData[i].id);
$('select#package-id option').append(details.aaData[i].id);
}

到此：

var details = JSON.parse(data);
console.log(details);
for ( i = 0; i < details.aaData.length; i++) {
console.log(details.aaData[i].id);
$('select#package-id').append("<option value='"+details.aaData[i].id+"'>"+details.aaData[i].id+"</option>");
}

现在看起来就像你可能在空白选项中创建了一堆选项。