Anhängen von Optionen zum Auswählen mit jQuery funktioniert nicht

Question

Also, ich versuche, die Optionen an die HTML5-Auswahl mit jquery anhängen, aber es funktioniert aus irgendeinem Grund nicht. mein Code ist folgende:

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 Hier ist ein Array von Elementen, deren Wert ich will, deren ID an das Auswahl Dropdown-Box anzufügen ist itemsList auch. Hier ist der HTML-Code:

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

Irgendwelche Ideen, was ich hier falsch mache? Danke!

Answer 1

HTML hilft:

<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

Ja.

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

bearbeiten

hier auch.

itmesList[i] 

Wenn Sie es sehen.

Answer 3

werden folgende Unterlagen an das Ende des Auswahl

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

Hoffnung anhängen, die ...

Prost

Robin

Answer 4

Ihr Problem kann mit Worklight sein. Welche Version von Worklight verwenden Sie?

Wie schließen Sie jQuery ein? Verwenden Sie die interne jQuery? Wenn Sie den internen jQuery verwenden tun Sie

window.$ = window.jQuery = WLJQ;

in Ihrem JavaScript-Datei haben?