Klasse Combobox HTML Velg Tutorial

Kombinasjonsbokser eller drop-down bokser er elementer av HTML som gir leserne en liste over alternativer. Disse elementene er gunstig for utviklere når antall muligheter for inngang er begrenset. For eksempel er en kombinasjonsboks brukes til å vise en liste over stater for adressen til en USA bosatt. Det gjør det også lettere for brukere å legge inn informasjon i en form. Kombinasjonsboksen er en enkel element som er lagt til et skjema ved hjelp av en HTML-skjema redaktør eller skrive koden direkte inn på siden.

Opprette Combo Box

En kombinasjonsboks er en form element i HTML. Form elementene består av tekstbokser, knapper og kombinasjonsbokser. Derfor er en kombinasjonsboks vanligvis innpakket i en form som kode for behandling. Kombinasjonsbokser kan også brukes i klientsiden kode som Javascript. Brukeren gjør et utvalg fra elementene, og Javascript er kalt til å behandle informasjonen. Denne teknikken er nyttig med å skjule eller aktivere andre deler av et skjema, eller til automatisk utfylling av felt for brukeren. Nedenfor er et eksempel på en kombinasjonsboks i et skjema:

<Form action = \ "myactionpage.aspx \">
<Velg name = \ "chooseone \">
<Option value = \ "Ja \"> Ja </ option>
<Option value = \ "Nei \"> Nei </ option>
</ Velge>
</ Form>

Den <velg> tag betegner en HTML kombinasjonsboks. Navnet gitt skal være et vennlig navn som brukes i behandling av informasjonen. De <alternativ> tags liste opp de tilgjengelige verdiene for brukeren. Brukeren er bare i stand til å velge hva som er oppført i kombinasjonsboksen alternativer, så det er viktig for utviklere å vurdere hvert alternativ når du definerer en kombinasjonsboks.

Behandler en Selection

En vanlig type programmering teknikk er å endre en del av en webside basert på valget gjort i en kombinasjonsboks. Dette gjøres ved hjelp Javascript. Først oppretter funksjonen og legge den til nettsiden. Nedenfor er et eksempel på en Javascript-funksjon som skriver utvalget til side:

funksjon WriteSelection (verdi) {
if (value == 'Ja') {
document.write (\ "Du skrev ja! \")
GÅ
} Else {
document.write (\ "Du skrev ikke! \")
GÅ
}
}

Legg merke til den verdien parameter som er gått til Javascript-funksjonen. Den brukes i \ "hvis \" statement å bestemme hva jeg skal skrive til siden. Nå at funksjonen er opprettet, må kombinasjonsboksen for å utløse samtalen til Javascript når en bruker gjør et valg. Nedenfor er koden for å oppnå denne type av behandling.

<Form action = \ "myactionpage.aspx \">
<Velg name = \ "chooseone \" onindexchanged = \ "WriteSelection (this.value) \">
<Option value = \ "Ja \"> Ja </ option>
<Option value = \ "Nei \"> Nei </ option>
</ Velge>
</ Form>

Legg merke til den \ "onindexchanged \" hendelse. Dette blir avfyrt når brukeren gjør et valg. Den \ "this.value \" y instruerer kode for å sende verdien av kombinasjonsboksen til Javascript-funksjonen. Dette er hvordan programmerer kan dynamisk endre sider ved hjelp av Javascript og HTML kombinasjonsboksen.