javascript - 附加选项以使用jQuery选择不起作用

因此，我正在尝试使用jquery将选项附加到HTML5 select中，但是由于某些原因它不起作用。以下是我的代码:

    for (var i = 0; i < itemsList.length; i++) {
        WL.Logger.debug(itemsList[i]);
        var elem = $("<option/>").val(itmesList[i]).text(itemsList[i]);
        $('#itemsList').append(elem);
    }

这里itemsList是一个项目数组，其值我也想附加到id为itemsList的选择下拉框。这是html代码:

<div id="wrapper">
<label for="itmesList">Select item: </label>
<select id="itmesList"></select>
<div id="info"></div>
</div>

有什么想法我在这里做错了吗？
谢谢!

最佳答案

HTML:

<div id="wrapper">
<label for="itmesList">Select item: </label>
<select id="selectItem"></select>
<div id="info"></div>
</div>

jQuery:

var itemsList = ['a', 'b', 'c'];
var options = "";
for (var i = 0; i < itemsList.length; i++) {
    alert(itemsList.length);

    options += '<option value= "' + itemsList[i] + '">' + itemsList[i] + '</option>';

}
$('#selectItem').html(options);

演示:
http://jsfiddle.net/Simplybj/WKfak/