Tùy chọn thêm để chọn bằng cách sử dụng jQuery không hoạt động

Question

Vì vậy, tôi đang cố gắng thêm các tùy chọn vào HTML5 chọn bằng cách sử dụng jquery nhưng nó không hoạt động vì một lý do nào đó. Sau đây là mã của tôi:

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); 
    } 

Đây là một loạt các mục có giá trị tôi muốn nối thêm vào hộp thả xuống chọn có id là itemsList. đây là mã html:

<div id="wrapper"> 
<label for="itmesList">Select item: </label> 
<select id="itmesList"></select> 
<div id="info"></div> 
</div> 

Bất kỳ ý tưởng nào tôi đang làm sai ở đây? Cảm ơn!

Answer 1

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/

Answer 2

Có.

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

Sửa

Ngoài ra ở đây.

itmesList[i] 

Khi bạn nhìn thấy nó.

Answer 3

Sau đây sẽ nối để kết thúc chọn

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; 
     }); 

Hy vọng rằng sẽ giúp ...

Cheers

Robin

Answer 4

Vấn đề của bạn có thể được với Worklight. Bạn đang sử dụng phiên bản Worklight nào?

Bạn bao gồm jQuery như thế nào? Bạn đang sử dụng jQuery nội bộ? Nếu bạn đang sử dụng jQuery nội làm bạn có

window.$ = window.jQuery = WLJQ;

trong tập tin JavaScript?