所以,我试图使用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>
我在这里做错了什么想法? 谢谢!
答案 0 :(得分:4)
是
<select id="itmesList">
$('#itemsList')
itmesList != itemsList
修改的
也在这里。
itmesList[i]
当你看到它时。
答案 1 :(得分: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/
答案 2 :(得分: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;
});