Come leggere con JavaScript il valore di un tag select

In questo caso abbiamo una pagina web in cui è presente un menu a tendina di cui vogliamo conoscere il valore selezionato dall’utente.

La struttura del tag HTML è la seguente:

				
					<select class="form-select">
    <option selected>Seleziona una voce</option>
    <option value="1-Auto">Auto</option>
    <option value="2-Moto">Moto</option>
    <option value="3-Bicicletta">Bicicletta</option>
</select>
				
			

Grazia a JavaScript possiamo ottenere il valore della selezione del menu a discesa HTML selezionando il tag con un metodo di selezione (getElementById() in questo caso) e poi richiamando la proprietà selectedIndex.

Il codice JavaScript è il seguente:

				
					var select = document.getElementById('trasporto');
var value = select.options[select.selectedIndex].value;
console.log(value);
				
			
Output

Se ipotiziamo che l’utente selezioni la voce Auto dal menu a tendina, in console avremo il seguente output:

				
					1-Auto
				
			

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Most Recent

Come ridurre la dimensione di un boltdb

Questo post parte da questa risposta ad una domanda posta sul repository ufficiale di boltdb. Nella domanda si chiede come ridurre la dimensione di un database

Come installare uno script Go su Ubuntu

Go è un linguaggio di programmazione nato in Google dalle mani di Robert Griesemer, Rob Pike e Ken Thompson. Sintatticamente è molto simile al C

Come trasferire chiamate tra interni su FreePBX

Molti telefoni hardware hanno già incorporato un pulsante che può essere utilizzato per il trasferimento delle chiamate tra interni, altri invece ne sono sprovvisti. Cosa