Hvordan velge Onchange i JavaScript

JavaScript tilbyr en rekke innebygde funksjoner for å minimere utviklerens tid og krefter. JavaScript samhandler med HTML -elementene for å gjøre et interaktivt utseende for nettsteder. Det er mulig gjennom en onchange -hendelse som utløses når brukeren endrer det valgte alternativet via element. Dette innlegget forklarer utvalget av Onchange Hendelser sammen med et praktisk eksempel i JavaScript. Innholdet som demonstrerer dette innlegget er som følger.

Hvordan velge Onchange i JavaScript?

OnChange -hendelsen oppstår når elementverdien er endret. Det brukes spesielt i avkrysningsruter for validering av skjema. For eksempel brukes en rullegardinliste, med forskjellige alternativer. OnChange -hendelsen kalles når brukeren velger et hvilket som helst alternativ. Alle moderne nettlesere er kompatible med denne hendelsen.

Et eksempel er gitt for å velge en verdi ved hjelp av OnChange -hendelsen. Det er delt inn i HTML- og JavaScript -filer. Denne eksemplet er gitt nedenfor:

HTML -kode

Et eksempel for å velge Onchange -verdien

Velg utdanningsnivå:

Skole
Høyskole
universitet

Beskrivelsen av koden er oppført her:

• Først opprettes en rullegardinliste ved å tilordne ID "utdanning" innenfor Tagger
• I denne listen er forskjellige alternativer gitt som “Skole”, “College” og "Universitet" På vegne av Onchange -arrangementet.
• OnChange -arrangementet kalles hvis et av de tidligere nevnte alternativene er valgt.
• Til slutt Tag brukes til å legge ved JavaScript -filen "JS”.

“test.JS”Filen inneholder følgende kode:

JavaScript -kode

funksjon getSelectedTextValue (utdanning)
var sletex = utdanning.Alternativer [utdanning.SelectedIndex].indrehtml;
var Selval = utdanning.verdi;
Alert ("Valgt tekst:" + Sletex + "-verdien:" + Selval);

Beskrivelsen av koden er gitt nedenfor:

• De GetSelectedTextValue () metoden brukes ved å passere "utdanning" som et argument.
• EN “Sletex” Variabel brukes for å trekke ut verdien av utdanning fra Html
• Etter det, “Selval” Variabel brukes til å hente verdien av utdanning.
• Til slutt genereres det en varslingsboks som trekker ut teksten så vel som verdi av “Sletex” og “Selval”.

Produksjon

Utgangen viser rullegardinlisten over "Skole", "Høyskole" og "Universitet" alternativer. OnChange -hendelsen kalles hvis det spesifikke alternativet er valgt. Til slutt viser den verdien av den valgte teksten i popup-vinduet.

Konklusjon

JavaScript har en innebygd hendelse Onchange som skjer når verdien av et element er valgt av brukeren. For dette formålet genereres en rullegardinliste for å velge en verdi på vegne av Onchange -arrangementet.

Det er nyttig å tilby et kryssjekkanlegg når du velger et alternativ. I dette innlegget har du opplevd hvordan du velger tekst så vel som verdi ved å bruke Onchange -hendelser.