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

Question

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

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

查询完数据库后，我试图将数据追加到下拉列表中。

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

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

Answer 1

尝试这个：

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

Answer 2

为了澄清@蚕儿的回答之上，它是迄今为止WAY更快地增加那些为一个字符串，然后将其追加到下拉只有一次。 我无法告诉您我已经看到多少次了。 我没有时间表，但是请相信我。

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

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

这里的解释很好： 哪个更好：字符串html生成还是jquery DOM元素创建？