F.A.Q. numero 508. Come si legge il valore scelto dall'utente in una tendina SELECT? In Explorer il dato mi viene resituito, ma negli altri browser ottengo un errore. Una SELECT per JavaScript è un array, e le OPTION sono i suoi elementi, dunque e' necessario accedere all'elemento selezionato dall'array.
Dato un form come questo:<html>
<body>
<form name='modulo'>
<select name="lista">
<option value="zero">Opzione Zero</option>
<option value="uno">Opzione Uno</option>
<option value="dueo">Opzione Due</option>
<option value="ultima">Ultima Opzione</option>
</select> <br />
</form>
</body>
</html>
per leggere l'indice dell'elemento selezionato useremo:
document.modulo.lista.selectedIndex;
dunque per leggere il "value" dell'opzione selezionata:
document.modulo.lista.options[document.modulo.lista.selectedIndex].value;
e per il testo visualizzato:
document.modulo.lista.options[document.modulo.lista.selectedIndex].text;
Sarà disponibile a giorni un tutorial con esempi più completi e funzionanti, in grado di gestire anche liste a selezione multipla. |