Hvordan lage rullegardin ved hjelp av OnChange i JavaScript
Denne bloggen vil diskutere metodologiene som brukes til å lage rullegardin ved hjelp av Onchange i JavaScript.
Hvordan lage rullegardin ved hjelp av OnChange i JavaScript?
Du kan opprette rullegardins ved hjelp av OnChange i JavaScript ved hjelp av følgende tilnærminger:
Disse tilnærmingene vil bli forklart en etter en!
Metode 1: Lag rullegardin ved hjelp av OnChange i JavaScript ved å varsle den valgte rullegardinverdien
Denne teknikken kan brukes for å varsle brukeren om den valgte rullegardinverdien ved hjelp av en brukerdefinert funksjon.
Følgende eksempel forklarer det uttalte konseptet.
Eksempel Velg et programmeringsspråk fra den gitte listen: Deretter spesifiser "”Tag for valg av det aktuelle alternativet fra rullegardinlisten. Dessuten, inkludere "Onchange”Hendelse og påkalle den spesifiserte funksjonen ved å sende nøkkelordet”dette”Til det sammen med alternativet”verdi”Av rullegardinmenyen. Ta også med følgende alternativer med de spesifiserte verdiene i "" stikkord: Sist, definer en funksjon som heter “onchangedropdown ()”Og passerte“verdi”Som et argument. I funksjonsdefinisjonen vises den valgte verdien i varslingsboksen :: Produksjon Metode 2: Lag rullegardin ved hjelp av OnChange i JavaScript ved hjelp av dokument.getElementById () -metode “dokument.getElementById ()”Metode brukes til å hente elementet som tilsvarer den spesifiserte ID -en. Denne metoden kan implementeres for å få det valgte alternativet i rullegardinmenyen og vise den tilsvarende verdien mot den. Syntaks Her, “id”Refererer til IDen til elementet som må hentes. Oversikt Følgende eksempel. Eksempel Velg et programmeringsspråk fra den gitte listen: “”Tag her representerer rullegardinmenyen, med en ID og den tilknyttede“Onchange”Hendelse som omdirigerer til den spesifiserte funksjonen. Deretter legger du til de nødvendige alternativene i det: Her, tilordne følgende “id”Til avsnittet. Så snart alternativet blir valgt, vises en bestemt melding i denne delen sammen med det valgte alternativet: Til slutt erklærer en funksjon som heter “onchangedropdown ()”. Her kan du hente den utvalgte taggen basert på den. I neste trinn, varsle brukeren om det valgte alternativet ved å hente det ekstra avsnittselementet og skrive følgende melding i det sammen med alternativet: Produksjon Vi har implementert kreative metoder for å lage rullegardin ved hjelp av OnChange i JavaScript. Konklusjon For å opprette rullegardins ved hjelp av OnChange i JavaScript, vis den valgte rullegardinverdien ved hjelp av en varslingsboks eller bruk "dokument.getElementById ()”Metode. Den tidligere tilnærmingen kan brukes til å varsle brukeren om den valgte rullegardinverdien ved hjelp av en brukerdefinert funksjon. Den sistnevnte implementeringen henter det valgte alternativet fra rullegardinmenyen ved å bruke ID -en og viser den. Denne oppskrivningen demonstrerte metodene for å lage dropdowns ved hjelp av Onchange i JavaScript.
Først av alt, ta med følgende overskrift i "
Varsel (verdi);
Først, inkludere følgende overskrift som diskutert i forrige metode:
var x = dokument.getElementById ("Liste").verdi;
dokument.getElementById ("para").indrehtml = "Det oppdaterte utvalget er:" + x;