Klasse Comboboks HTML Vælg Tutorial

Combo kasser eller drop-down bokse er elementer af HTML, der giver læserne en liste med valgmuligheder.Disse elementer er til gavn for udviklere, når antallet af muligheder for input er begrænset.For eksempel er et kombinationsfelt bruges til at vise en liste over stater til adressen på en USA hjemmehørende.Det gør det også lettere for brugerne at indtaste oplysninger i en formular.Kombinationsboksen er en simpel element, der er føjet til en formular ved hjælp af en HTML-formular editor eller skrive koden direkte ind i siden.

Oprettelse af Combo Box

  • Et kombinationsfelt er en form element i HTML.Form elementer består af tekstbokse, knapper og kombinationsbokse.Derfor er en kombinationsboks generelt pakket ind i en form-tag til forarbejdning.Kombinationsfelter kan også anvendes i klient-side-kode som JavaScript.Brugeren laver et valg fra de elementer, og Javascript er kaldet til at behandle oplysningerne.Denne teknik er nyttig med at skjule eller aktivere andre dele af en

    formular, eller endda auto-udfylde felter for brugeren.Nedenfor er et eksempel på et kombinationsfelt inden en formular:

    & lt; formen action = \ "myactionpage.aspx \" & gt;
    & lt; vælg name = \ "ChooseOne \" & gt;
    & lt; optionsværdi = \ "Ja \" & gt; Ja & lt; / option & gt;
    & lt; optionsværdi = \ "Nej \" & gt; Nej & lt; / option & gt;
    & lt; / Vælg & gt;
    & lt; / form, & gt;

    & lt; vælg & gt;tag betegner en HTML kombinationsfeltet.Navnet givet bør være et venligt navn, der bruges i behandlingen af ​​oplysningerne.& Lt; option & gt;tags listen Tilgængelige værdier for brugeren.Brugeren er kun i stand til at vælge, hvad der er opført i kombinationsboksen muligheder, så det er vigtigt for udviklere til at overveje alle muligheder, når de fastlægger en kombinationsboks.

Behandling af et Valg

  • En almindelig form for programmering teknik er at ændre en del af en webside er baseret på udvælgelsen foretaget i en kombinationsboks.Dette opnås ved hjælp af Javascript.Først oprette funktionen og føje den til websiden.Nedenfor er et eksempel på en JavaScript-funktion, der skriver valget til siden:

    funktion WriteSelection (værdi) {
    if (værdi == 'Ja') {
    document.write (\ "Du skrev ja \")
    GO
    } else {
    document.write (\ "Du skrev nej! \")
    GO
    }
    }

    Notice værdien parameter, overføres til Javascript-funktion.Det bruges i \ ", hvis \" erklæring at bestemme, hvad de skal skrive til siden.Nu, at funktionen er oprettet, kombinationsboksen skal udløse opkaldet til Javascript, når en bruger foretager et valg.Nedenfor er koden til at udføre denne type behandling.

    & lt; formen action = \ "myactionpage.aspx \" & gt;
    & lt; vælg name = \ "ChooseOne \" onindexchanged = \ "WriteSelection (this.value) \" & gt;
    & lt; optionsværdi = \ "Ja \" & gt; Ja & lt; / option & gt;
    & lt; optionsværdi = \ "Nej \" & gt; Nej & lt; / option & gt;
    & lt; / Vælg & gt;
    & lt; / form, & gt;

    Bemærk at \ "onindexchanged \" begivenhed.Dette er fyret, når brugeren foretager en udvælgelse.Den \ "this.value \" y instruerer koden til at sende værdien af ​​kombinationsfeltet til Javascript-funktion.Dette er, hvordan programmøren kan dynamisk skifte sider ved hjælp Javascript og HTML kombinationsfeltet.

199
0
0
Html