Slik leser du en verdi fra en Combo Box

Javascript lar deg identifisere og manipulere en valgt verdi i en HTML-kombinasjonsboksen. Kombinasjonsboksen er drop-down utvalg element som lar deg standardisere liste over alternativer som en leser kan velge. Den "selectedValue" eiendom lar deg identifisere valgt verdi, og du kan bruke den valgte informasjonen til å manipulere sidens innhold eller omdirigere brukeren til en annen side.

Bruksanvisning

1 Høyreklikk HTML-fil som du vil redigere, og velg "Åpne med." Klikk på HTML eller Javascript editor du vil bruke til å redigere HTML-siden.

2 Lag Javascript-funksjonen til å identifisere den valgte verdien i kombinasjonsboksen. Følgende kode viser den valgte verdi i en funksjon som heter "selectedValue":

funksjon selectedValue (cb) {

alert ([cb.selectedIndex] .Value);

}

3 Link kombinasjonsboksen til "selectedValue" -funksjonen. Følgende kode knytter funksjonen til kombinasjonsboksen:

<Velg name = "mycb" selectedindexchanged = "selectedValue (dette)">

&lt;option selected value="blue">Blue&lt;/option>

& Lt; alternativet value = "brun"> Brown & lt; / option>

</ Velge>

I dette eksempelet, når brukeren velger en verdi, funksjonen kalles, og viser verdien i nedtrekkslisten.