Sådan oprettes en Drop boksen for at ændre værdier

July 8

Sådan oprettes en Drop boksen for at ændre værdier

Rullelisterne er HTML-elementer, der anvendes til at vælge værdier fra en liste af præ-formateret input. De anvendes typisk til at hente et udvalg fra en bruger, men du kan også bruge disse elementer til at ændre værdier på en webside. Dette opnås ved hjælp af JavaScript web programmeringssprog. Ændringerne udløses, når brugeren vælger en værdi i din rullelisten, som kører en JavaScript-funktion.

Instruktioner


• Åbn din HTML-fil i en almindelig tekst editor. Du kan også bruge en mere avanceret editor, farvekoder HTML tags. Du ønsker at placere din rullelisten mellem "<body>" og "</ body>" tags.

• Indtast følgende kode ind i din HTML-editor: <select name = "test"> <option selected> - Vælg en Value-- </ option> <option> First Value </ option> <option> anden værdi </ option > </ select>

• Find den værdi, du ønsker at ændre i din side. For eksempel kan en drop-down boks ændre værdien af ​​et tekstfelt. Find en tekstboks i din HTML-kode og tage dens "ID" ejendom. "Dette ID-ejendom er, hvad drop-down boks bruger til at ændre værdien.

4. Tilsæt JavaScript-kode til din rullelisten. I dette eksempel, drop-down boksen ændrer tekstfeltet værdi. Følgende kode er den komplette rullelisten kode erklæring: <vælg name = "test" onclick = "javascript: textbox.text = this.value« "> <option selected> - Vælg en Value-- </ option> <option> First Value </ option> <option> anden værdi </ option> </ select> Den "onclick" erklæring ændrer tekstfeltet værdi til det valgte i rullemenuen værdi, angivet ved hjælp af "this.value "erklæring.

• Gem HTML ændringerne og åbne filen med din browser. Test koden ved at ændre rullelisten værdier og se tekstboksen som sin værdiændringer.