In questo breve articolo vogliamo mostrare come si possa accedere agli elementi di una select (ossia la tendina) generata in HTML usando la libreria jQuery.
Più in dettaglio vedremo come si accede al valore dell’elemento selezionato, al testo e all’indice.
Dando per scontato di aver già inserito il codice necessario al caricamento della libreria, la prima cosa di cui ci dobbiamo occupare è la scrittura del codice html necessario alla produzione della tendina.
Ora vediamo il codice javascript (o jQuery se preferite):
$('#mySelect').val()
// seleziona il valore
$('#mySelect').get(0).selectedIndex
// seleziona l'indice (la prima option ha indice 0, la seconda 1, ecc.)
$('#mySelect option:selected').text()
// seleziona il testo
Potete scaricare il file compresso con l’esempio funzionante: select.zip