Javascript 从jquery中的二维数组填充下拉列表

Javascript 从jquery中的二维数组填充下拉列表,javascript,jquery,arrays,Javascript,Jquery,Arrays,我有以下下拉列表: <select id="start" onchange="calcRoute();"></select> 我尝试了以下方法,但不起作用 for (i = 0; i < locations.length; i++) { $('#start select').append('<option value=' + locations[i]['name'] + '>' + locations[i]['name'] + '</op

我有以下下拉列表:

<select id="start" onchange="calcRoute();"></select>
我尝试了以下方法,但不起作用

for (i = 0; i < locations.length; i++) {
    $('#start select').append('<option value=' + locations[i]['name'] + '>' + locations[i]['name'] + '</option>');
    alert("sdgsfg");
}
for(i=0;i
请建议修复。

选择器
$(“#开始选择”)
将选择
#开始
元素内的
元素,该元素本身是
开始
的id,但不起作用。要正确选择图元,请使用

$('#start') // or $('select#start')
最好不要弄乱HTML字符串。您可以使用选项构造函数来创建新的选项元素

var locations=[{“name”:“Hotel1”,“address”:“Bondi Beach”,“lat”:“6.369869”,“lng”:“80.042055”,“thumb_path”:“img\/Hotel1.jpg”},{“name”:“Hotel2”,“address”:“Coogee Beach”,“lat”:“6.025822”,“lng”:“80.305727”,“thumb_path”:“img\/Hotel2.jpg”},{“name”:“Hotel3”,“address”:“croulla Beach”,“lat”:“6.691994”,“lng”79.9271”,“thumb\/Hotel2.jpg”},{“名称”:“Hotel4”,“地址”:“Manly Beach”,“lat”:“6.887130”,“lng”:“80.093420”,“thumb_path”:“img\/Hotel4.jpg”},{“名称”:“Hotel5”,“地址”:“Maroubra Beach”,“lat”:“7.362609”,“lng”:“79.825005”,“thumb_path”:“img\/Hotel5.jpg”}]
var select=$(“#开始”)[0];
位置。forEach(函数(位置){
选择.add(新选项(location.name,location.name));
});


1。选择器错误,请使用
$('#start')
2。选项的
应封装在修复它的QuotesHanks中。迭代属性:@PieterWillaert OP正在迭代对象数组,因此
很好您已经解释过了:错误的选择器
$(“#开始选择”)
。我只是发布了一个更好的版本供选择人口,imho。
$('#start') // or $('select#start')