7

そのため、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>

私がここで間違っていることについて何か考えはありますか？ありがとう！

4

3 に答える 3

4

はい。

<select id="itmesList">
$('#itemsList')
itmesList != itemsList

編集

ここもまた。

itmesList[i]

あなたがそれを見た時。

于 2012-10-17T03:20:07.477 に答える
3

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/

于 2012-10-17T03:54:39.620 に答える
0

以下は、選択の最後に追加されます

var i = 0;
        $(inputitemlist).each(function () {    // the input data....
            var itmesListValue= inputitemlist[i].Value;

            $('#itmesList').append($("<option></option>")
                                        .attr("value", itmesListValue)
                                        .text(itmesListValue));
            i = i + 1;
        });
于 2012-10-17T03:23:11.500 に答える