Question

我尝试使用从数据库返回的数据填充下拉菜单。我的HTML是：

 <select class="Input"></select>

一旦我查询我的数据库，我试图将数据附加到下拉列表。

$(".Input").append(data[0].abc);

这里＆＃34;数据[0] .abc＆＃34;指的是数组的第一个值。 abc是要返回的值的字段名称。如果该特定字段名称的值不止一个，我计划有一个for循环，它将循环遍历整个数组并附加每个值并将其添加到下拉列表中。我得到了值，但似乎无法将它们添加到下拉列表中。如果我的思考过程错误，请纠正我。有人能指出我正确的方向吗？谢谢。

Answer 1

试试这个：

$('.Input').append('<option>' + data[0].abc  + '</option');

Answer 2

为了澄清@ Caner的回答，到目前为止 WAY 更快将它们添加到字符串中，然后仅将其附加到下拉列表中一次。我不能告诉你我有多少次看到这件事。我没有时间表，但相信我。

var options = '';
$.each(data, function(index, value) {
    options += '<option value="' + value.abc + '" text="' + value.abc + '" />';
});

$('.Input').append(options);

这里有很好的解释：Which is better: string html generation or jquery DOM element creation?

使用从数据库返回的数据动态填充下拉列表

2 个答案: