Javascript 为什么我能'；是否为我的新select元素创建ID？

我试图创建新的

选择
元素，将其附加到div中，然后用一些数据填充它。问题是，我需要一个唯一的ID为每个下拉列表

我正在尝试以下代码：

var dropDowns = [];
for (var i = 0; i < data.results.length; i++) {
                dropDowns[i] = $('<select id=\"data_\"' + i + '>').appendTo('.dropDowns');
                for (var b = 0; b < data['data_' + data.results[i]].length; b++) {
                    dropDowns[i].append($("<option>").attr('value', data['data_' + data.results[i]][b].id).text(data['data_' + data.results[i]][b].description));
                }
}

但它应该是这样的：

<select id="data_0">



我知道我错过了一些非常小和基本的东西，但作为一个js新手，我真的看不出来

你能帮我推一下吗？
你把结束属性值的”放在递增变量之前而不是之后

'<select id=\"data_\"' + i + '>'

“”

应该是

'<select id=\"data_' + i + '\">'

“”


也就是说，动态生成的ID通常不是一个好主意。您几乎可以肯定，最好只保留对JS数组中元素的引用，或者根据元素在DOM中的位置查找它（例如
myForm.querySelectorAll（'select'）[i]
）。
尝试删除
数据周围的
双引号
，或者尝试
'<select id=\"data_' + i + '\">'