Klasse Combobox HTML Select Tutorial

Combo dozen of drop-down boxen zijn elementen van HTML die lezers een lijst met opties.Deze elementen zijn gunstig voor ontwikkelaars wanneer het aantal mogelijkheden voor input beperkt.Zo is een keuzelijst gebruikt om een ​​lijst van de landen weer te geven voor het adres van de Verenigde Staten woont.Het maakt het ook gemakkelijker voor gebruikers om invoerinformatie in een vorm.De combo box is een eenvoudig element dat wordt toegevoegd aan een vorm met een HTML formulier editor of code rechtstreeks op de pagina typen.

Het creëren van de Combo Box

  • Een combo box is een vorm element van HTML.Vorm elementen bestaan ​​van tekstvakken, knoppen en keuzelijsten.Daarom wordt een keuzelijst in het algemeen verpakt in een form tag voor verwerking.Keuzelijsten kunnen ook worden gebruikt in client-side code zoals Javascript.De gebruiker maakt een selectie van de items, en Javascript is geroepen om de informatie te verwerken.Deze techniek is nuttig bij het verbergen of het act

    iveren van andere delen van een vorm, of zelfs automatisch vullen van velden voor de gebruiker.Hieronder is een voorbeeld van een keuzelijst in een vorm:

    & lt; form action = \ "myactionpage.aspx \" & gt;
    & lt; select name = \ "ChooseOne \" & gt;
    & lt; optie value = \ "Ja \" & gt; ja & lt; / option & gt;
    & lt; optie value = \ "Nee \" & gt; Nee & lt; / option & gt;
    & lt; / select & gt;
    & lt; / form & gt;

    De & lt; selecteren & gt;tag geeft een HTML-keuzelijst.De benaming moet een beschrijvende naam die wordt gebruikt bij het verwerken van de informatie.& Lt; optie & gt;labels lijst van de beschikbare waarden voor de gebruiker.De gebruiker is alleen in staat om te kiezen wat wordt weergegeven in de keuzelijst met opties, dus het is belangrijk voor ontwikkelaars om alle opties te overwegen bij het definiëren van een keuzelijst.

Het verwerken van een selectie

  • Een veel voorkomende type programmering techniek is het veranderen van een deel van een webpagina op basis van de selectie in een keuzelijst.Dit wordt bereikt met behulp van Javascript.Maak eerst de functie en voeg deze toe aan de webpagina.Hieronder is een voorbeeld van een JavaScript-functie dat de selectie schrijft naar de pagina:

    functie WriteSelection (waarde) {
    if (waarde == 'Ja') {
    document.write (\ "Je schreef ja \")
    GO
    } else {
    document.write (\ "Je schreef geen! \")
    GO
    }}


    Let op de waarde van de parameter die wordt doorgegeven aan de JavaScript-functie.Het wordt gebruikt in de \ "if \" statement te bepalen wat te schrijven aan de pagina.Nu dat de functie wordt gecreëerd, de keuzelijst moet de oproep om Javascript activeren wanneer een gebruiker een selectie maakt.Hieronder is de code voor dit type verwerking te verwezenlijken.

    & lt; form action = \ "myactionpage.aspx \" & gt;
    & lt; select name = \ "ChooseOne \" onindexchanged = \ "WriteSelection (this.value) \" & gt;
    & lt; optie value = \ "Ja \" & gt; ja & lt; / option & gt;
    & lt; optie value = \ "Nee \" & gt; Nee & lt; / option & gt;
    & lt; / select & gt;
    & lt; / form & gt;

    Let op de \ "onindexchanged \" evenement.Dit wordt afgevuurd wanneer de gebruiker een selectie maakt.De \ "this.value \" y instrueert de code om de waarde van de keuzelijst naar de Javascript-functie.Dit is hoe de programmeur dynamische pagina's met behulp van Javascript en de doos HTML combo kan veranderen.

37
0
0
Html