7

所以,我正在尝试使用 jquery 将选项附加到 HTML5 选择,但由于某种原因它不起作用。以下是我的代码:

    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>

查询:

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 回答