javascript - 进入下拉框中的值作为一行

Question

我有一个下拉框，它由 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>");
}

现在看起来您可能正在空白选项中创建一堆选项。