jQuery – Valori di una Select List (Menu di opzioni)

Come prelevare il valore di una Select List usando jQuery?

La nostra select list:

<select id="selectList">
<option value="one">First Option</option>
<option value="two">Second Option</option>
<option value="three">Third Option</option>
</select>

 
Recuperare il valore dell’opzione selezionata è abbastanza semplice:

$('#selectList').val();

Ma spesso, si ha necessità di estrapolare soltanto il testo dell’opzione scelta. E la cosa può non è essere così immediata come si pensa. E’ necessario infatti prima, ottenere una referenza all’opzione selezionata con il selettore :selected. Dopo è possibile usare la funzione text() per ottenere il valore:

$('#selectList :selected').text();

Per più liste è possibile usare un array che contenga in X componenti le X opzioni scelte:

var opt = [];
$('#multiple :selected').each(function(i, selected){
  opt[i] = $(selected).text();
});