Come selezionare OnChange in JavaScript

JavaScript offre una varietà di funzionalità integrate per ridurre al minimo il tempo e lo sforzo degli sviluppatori. JavaScript interagisce con gli elementi HTML per dare un look interattivo ai siti Web. È possibile attraverso un evento di onchange che viene attivato quando l'utente modifica l'opzione selezionata tramite elemento. Questo post spiega la selezione di Onchange Eventi insieme a un esempio pratico in JavaScript. Il contenuto che dimostra questo post è il seguente.

Come selezionare OnChange in JavaScript?

L'evento OnChange si verifica quando il valore dell'elemento viene modificato. È specificamente utilizzato nelle caselle di controllo per la convalida del modulo. Ad esempio, viene utilizzato un elenco a discesa, con opzioni diverse. L'evento OnChange viene chiamato ogni volta che l'utente seleziona qualsiasi opzione. Tutti i browser moderni sono compatibili con questo evento.

Viene fornito un esempio per selezionare un valore utilizzando l'evento OnChange. È diviso in file HTML e JavaScript. Questo codice di esempio è fornito di seguito:

Codice HTML

Un esempio per selezionare il valore di onchange

Seleziona livello di istruzione:

Scuola
Università
Università

La descrizione del codice è elencata qui:

• Innanzitutto, viene creato un elenco a discesa assegnando l'ID "formazione scolastica" entro tag
• In questo elenco, vengono fornite diverse opzioni come "School", "College" E "Università" A nome dell'evento OnChange.
• L'evento OnChange viene chiamato se viene selezionata una delle opzioni precedentemente menzionate.
• Infine, il Il tag viene utilizzato per allegare il file javascript "js".

IL "test.js"Il file contiene il seguente codice:

Codice JavaScript

funzione getSelectedTextValue (educazione)
var sletex = educazione.opzioni [istruzione.SelectedIndex].Innerhtml;
var selval = educazione.valore;
Avviso ("Testo selezionato:" + Sletex + "Valore:" + Selval);

La descrizione del codice è riportata di seguito:

• IL GetSelectedTextValue () Il metodo viene utilizzato passando il "formazione scolastica" come argomento.
• UN "Sletex" La variabile viene utilizzata per estrarre il valore di formazione scolastica dal Html
• Dopo di che, "Selval" La variabile viene utilizzata per recuperare il valore dell'istruzione.
• Alla fine, viene generata una casella di avviso che estrae il testo e il valore di "Sletex" E "Selval".

Produzione

L'output mostra l'elenco a discesa di "Scuola", "Università" E "Università" opzioni. L'evento OnChange viene chiamato se viene selezionata l'opzione specifica. Infine, visualizza il valore del testo selezionato nella finestra pop-up.

Conclusione

JavaScript ha un evento integrato Onchange Ciò si verifica quando il valore di un elemento viene selezionato dall'utente. A tale scopo, viene generato un elenco a discesa per selezionare un valore per conto dell'evento OnChange.

È utile fornire una struttura a controllo incrociato quando si seleziona un'opzione. In questo post, hai sperimentato come selezionare il testo e il valore utilizzando gli eventi di OnChange.