Fare internet

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su Twitter Iscrivita ai nostri Feed      Mandaci una mail

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.

<select id="mySelect">
    <option value="1">uno</option>
    <option value="2" selected>due</option>
    <option value="3">tre</option>
</select>

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

Twitter