2012-10-17 14 views
7

Tak, próbuję dodać opcje do wyboru HTML5 za pomocą jquery, ale nie działa z jakiegoś powodu. Oto mój kod:Dołączanie opcji do wyboru przy użyciu jQuery nie działa

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

Tutaj itemsList jest tablicą elementów, których wartość chcę dołączyć do wybranej listy rozwijanej, którego identyfikator jest itemsList również. tutaj jest kod html:

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

Jakieś pomysły, co robię źle tutaj? Dzięki!

+1

Czy to możliwe, że czasami używasz zmiennej o nazwie "itemsList" i czasami "itmesList"? –

Odpowiedz

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

DEMO: http://jsfiddle.net/Simplybj/WKfak/

+0

Dziękuję bardzo, działało dobrze dla m – Ishita

+0

@ user1751865 Jeśli Moja odpowiedź naprawdę ci pomogła. – mesimplybj

4

Tak.

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

Edit

Również tutaj.

itmesList[i] 

Po wyświetleniu.

+0

argghh .. yeah .. r r right .. Głupie błędy! :( – Ishita

0

Poniższa dołączy do końca wybierz

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

nadzieję, że pomoże ...

Cheers

Robin

1

Twój problem może być z Worklight. Z jakiej wersji Worklight korzystasz?

Jak dołączyć jQuery? Czy używasz wewnętrznej jQuery? Jeśli używasz wewnętrznego jQuery masz

window.$ = window.jQuery = WLJQ;

w pliku JavaScript?

Powiązane problemy