Come creare il menu a discesa utilizzando OnChange in JavaScript
Questo blog discuterà le metodologie utilizzate per creare a discesa utilizzando OnChange in JavaScript.
Come creare il menu a discesa utilizzando OnChange in JavaScript?
È possibile creare a discesa utilizzando OnChange in JavaScript con l'aiuto dei seguenti approcci:
Questi approcci verranno spiegati uno per uno!
Metodo 1: creare a discesa utilizzando OnChange in JavaScript avvisando il valore a discesa selezionato
Questa tecnica può essere applicata per avvisare l'utente sul valore dell'opzione a discesa selezionata con l'aiuto di una funzione definita dall'utente.
Il seguente esempio spiega il concetto dichiarato.
Esempio Seleziona un linguaggio di programmazione dall'elenco indicato: Successivamente, specificare il “"Tag per la selezione dell'opzione particolare dall'elenco a discesa. Inoltre, includi il “Onchange"Evento e invoca la funzione specificata passando la parola chiave"Questo"Ad esso insieme all'opzione"valore"Del discesa. Inoltre, includi le seguenti opzioni con i valori specificati in ""Tag: Ultimo, definisci una funzione chiamata "OnChangeDropdown ()"E ha superato il"valore"Come argomento. Nella definizione della funzione, il valore selezionato verrà visualizzato nella casella di avviso :: Produzione Metodo 2: creare il menu a discesa utilizzando OnChange in JavaScript utilizzando il documento.metodo getElementById () IL "documento.getElementById ()"Il metodo viene utilizzato per recuperare l'elemento corrispondente all'ID specificato. Questo metodo può essere implementato per ottenere l'opzione selezionata nel discesa e visualizzare il valore corrispondente contro di esso. Sintassi Qui, "id"Si riferisce all'ID dell'elemento che deve essere recuperato. Panoramica il seguente esempio. Esempio Seleziona un linguaggio di programmazione dall'elenco indicato: IL ""Il tag qui rappresenta il menu a discesa, con un ID e l'Associazione"Onchange"Reindirizzamento dell'evento alla funzione specificata. Quindi, aggiungi le opzioni richieste in esso: Qui, assegna quanto segue "id"Al paragrafo. Non appena verrà selezionata l'opzione, in questa sezione verrà visualizzato un particolare messaggio insieme all'opzione selezionata: Infine, dichiara una funzione chiamata "OnChangeDropdown ()". Qui, prendi il tag Seleziona in base al suo "ID" e visualizza il valore corrispondente rispetto all'opzione selezionata dal discesa. Nel passaggio successivo, avvisare all'utente l'opzione selezionata recuperando l'elemento di paragrafo aggiunto e scrivendo il seguente messaggio insieme all'opzione: Produzione Abbiamo implementato metodi creativi per creare a discesa utilizzando OnChange in JavaScript. Conclusione Per creare a discesa utilizzando OnChange in JavaScript, visualizzare il valore a discesa selezionato utilizzando una casella di avviso o applicare il “documento.getElementById ()" metodo. Il precedente approccio può essere utilizzato per avvisare all'utente il valore dell'opzione a discesa selezionato con l'aiuto di una funzione definita dall'utente. Quest'ultima implementazione prende l'opzione selezionata dal menu a discesa utilizzando il suo ID e la visualizza. Questo articolo ha dimostrato i metodi per creare discese utilizzando OnChange in JavaScript.
Prima di tutto, includi la seguente intestazione nel "
avviso (valore);
In primo luogo, includi la seguente intestazione come discusso nel metodo precedente:
var x = documento.getElementById ("elenco").valore;
documento.getElementById ("para").InnerHtml = "La selezione aggiornata è:" + x;