附加选项以使用 jQuery 进行选择不起作用 [英] Appending options to select using jQuery doesn't work
本文介绍了附加选项以使用 jQuery 进行选择不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
所以,我正在尝试使用 jquery 将选项附加到 HTML5 选择,但由于某种原因它不起作用.以下是我的代码:
for (var i = 0; i
这里的 itemsList 是一个项目数组,我想将其值附加到 id 也是 itemsList 的选择下拉框中.这是html代码:
<label for="itmesList">选择项目:</label><select id="itmesList"></select><div id="信息"></div>
知道我在这里做错了什么吗?谢谢!
解决方案
HTML:
<label for="itmesList">选择项目:</label><select id="selectItem"></select><div id="信息"></div>
JQuery:
var itemsList = ['a', 'b', 'c'];var 选项 = "";for (var i = 0; i < itemsList.length; i++) {警报(itemsList.length);options += '<option value="' + itemsList[i] + '">'+ itemsList[i] + '';}$('#selectItem').html(options);
演示:http://jsfiddle.net/Simplybj/WKfak/
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);
}
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);
DEMO: http://jsfiddle.net/Simplybj/WKfak/
这篇关于附加选项以使用 jQuery 进行选择不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文