追加选项来选择使用jQuery不起作用 [英] Appending options to select using jQuery doesn't work

问题描述

所以，我想追加到HTML5的选项中进行选择使用jQuery，但它不工作的某些原因。以下是我的code：

So, I am trying to append the options to the HTML5 select using jquery but it doesnt work for some reason. Following is my code:

    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 code：

Here itemsList is an array of items whose value i want to append to the select dropdown box whose id is itemsList as well. here is the html code:

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

任何想法，我做错了什么？ 谢谢！

Any ideas what I am doing wrong here? Thanks!

推荐答案

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/

这篇关于追加选项来选择使用jQuery不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！