2012-10-17 4 views
7

Quindi, sto provando ad aggiungere le opzioni alla selezione HTML5 usando jquery ma non funziona per qualche motivo. In seguito è il mio codice:L'aggiunta delle opzioni per selezionare jQuery non funziona

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

Qui itemsList è un array di oggetti il ​​cui valore voglio aggiungere alla casella a discesa, selezionare il cui ID è itemsList pure. ecco il codice html:

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

Qualche idea su cosa sto facendo male qui? Grazie!

+1

Potrebbe essere che a volte si usi una variabile denominata "itemsList" e talvolta "itmesList"? –

risposta

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

Grazie mille, ha funzionato bene per m – Ishita

+0

@ user1751865 Se la mia risposta ti ha davvero aiutato. – mesimplybj

4

Sì.

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

Modifica

anche qui.

itmesList[i] 

Quando lo vedi.

+0

argghh .. sì ... hai ragione ... errori stupidi! :( – Ishita

0

Di seguito aggiungerà alla fine del select

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

Speranza che aiuta ...

Acclamazioni

Robin

1

il problema può essere con Worklight. Quale versione di Worklight stai usando?

Come si include jQuery? Stai usando il jQuery interno? Se si sta utilizzando il jQuery interna avete

window.$ = window.jQuery = WLJQ;

nel vostro file JavaScript?