Come ottenere il valore selezionato nell'elenco a discesa utilizzando JavaScript?

Un elenco a discesa fornisce un elenco di elementi collegati a una particolare funzione. Facendo clic su ciascun elemento, il codice JavaScript esegue nel backend ed esegue un'attività specifica per quanto riguarda quell'elemento. La proprietà dell'elenco a discesa è molto comunemente utilizzata nei siti Web di e-commerce, educazione e del mercato azionario.

Se stai esplorando JavaScript per migliorare le tue capacità di programmazione, allora questo è il posto migliore per comprendere i concetti di base di JavaScript. Nella guida di oggi, imparerai a estrarre il valore selezionato in un elenco a discesa utilizzando JavaScript.

In questo articolo, gli utenti saranno in grado di ottenere il valore selezionato nella vista a discesa utilizzando JavaScript.

Come ottenere il valore selezionato in un elenco a discesa in JavaScript?

JavaScript può essere utilizzato per recuperare i valori selezionati dall'elenco a discesa e quindi visualizzare il valore nel browser. Questa sezione fornisce una funzione integrata per ottenere il valore selezionato dall'elenco a discesa.

Esempio

Un esempio è dimostrato per ottenere i valori da un elenco a discesa in JavaScript.

Codice

Un esempio per ottenere il valore selezionato nell'elenco a discesa utilizzando JavaScript

Selezionare l'elemento e vedere il valore

-- Seleziona --
Cricket
Calcio
Hockey

Il codice è descritto come:

• Innanzitutto, viene visualizzato un messaggio per selezionare l'elemento da menu `A tendina.
• Dopodiché, il Parola chiave di opzione è utilizzato per elenchi a discesa come Cricket, calcio, E Hockey.
• Dopo aver fatto clic su ciascun elemento, il pezzo di codice viene eseguito e visualizza i valori associati all'elemento.

Produzione

Il display rappresenta un elenco a discesa eseguendo il codice sopra. Al backend, diversi elementi sono allegati a un elenco e a ciascuno viene assegnato un valore. Facendo clic su un elemento, il valore specifico viene visualizzato nella finestra pop-up.

Conclusione

Viene utilizzato un elenco a discesa per ottenere il valore selezionato facendo clic sulle opzioni in JavaScript. Per questo scopo, E I tag sono impiegati per la selezione e la fornitura di opzioni agli utenti, rispettivamente. Facendo clic sull'opzione, l'utente estrae il valore associato nella finestra pop-up del browser Web. Principalmente, questi elenchi a discesa vengono utilizzati sui siti di e-commerce. Qui, hai imparato a ottenere il valore selezionato negli elenchi a discesa usando JavaScript.