追加选项使用jQuery选择不起作用

所以，我试图追加选项使用jQuery的HTML5选择，但它不工作出于某种原因。以下是我的代码：追加选项使用jQuery选择不起作用

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>

任何想法我在做什么错在这里？谢谢！

来源

2012-10-17 Ishita

难道有时候你会使用一个名为“itemsList”的变量和某个时间“itmesList”吗？ –

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/

来源

2012-10-17 03:54:39 mesimplybj

非常感谢，它工作得很好m – Ishita

@ user1751865如果我的回答真的帮了你。接受答案 – mesimplybj

是的。

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

编辑

也在于此。

itmesList[i]

当你看到它。

来源

2012-10-17 03:20:07 Ohgodwhy

argghh ..是的..你说得对..愚蠢的错误！ :( – Ishita

下面将追加到选择

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-17 03:23:11

你的问题可以与工作灯。你使用的是什么版本的Worklight？

你如何包含jQuery？你使用内部的jQuery？如果您使用的是内部的jQuery你有

window.$ = window.jQuery = WLJQ;

在你的JavaScript文件？

来源

2012-10-17 09:16:32

追加选项使用jQuery选择不起作用

回答

相关问题