JavaScript er et sprog , der er almindeligt anvendt til at ændre brugergrænseflader dynamisk. Ved hjælp af JavaScript , kan webudviklere adgang til elementer, der er en del af HTML-dokumentet objekt model , direkte at identificere, vurdere og manipulere de elementer , der omfatter HTML-sider. HTML DOM elementer er simpelthen HTML-elementer og har en bred vifte af egenskaber typisk tilgængelige . Disse egenskaber , herunder synlighed attributter, kan få deres værdier dynamisk ændret , tilføjet eller slettet på grundlag foranstaltninger truffet af slutbrugeren , såsom at vælge en værdi fra en drop- down menu. Instruktioner
1

Åbn en teksteditor og oprette en ny tekst fil med navnet dropdownHidden.html . Typisk vælge " Ny" fra menuen "Filer" opretter nye filer.
2

Tilføj nogle grundlæggende HTML-koder til filen , herunder en tag, en , a < /head> -tag , en , a < /body> -tag og et < /html > -tag.
3

Tilføj en åben tag til filen. Indstil scriptet er typen attribut til "text /javascript ". Enhver tekst placeret mellem disse to delimiters vil blive betragtet JavaScript-kode , når siden indlæses
4

Erklær en JavaScript-funktion ved navn " storeVal ()" , og tilføj en åben klammeparentes - . { - Og et luk klammeparentes - } - for at angive placeringen af ​​funktionen krop. Den storeVal funktion tager ingen argumenter .
5.

Erklær en variabel med navnet " hiddenId " mellem storeVal () funktion er åben og lukke krøllede parenteser . Brug JavaScript document.getElementById metode til at hente placeringen af en skjult indtastningen med id " hiddenField " .
6

Erklær en anden variabel med navnet " dropDownId " på linje efter hiddenId variabel. Brug document.getElementById metode til at hente placeringen af ​​drop- down menu, der vil blive brugt til at udfylde den skjulte indtastningsfelt.
7

Erklær en tredje variabel med navnet " selectedElement " på linje efter dropDownId variabel. Brug dropDownId henvisning til at hente indekset for elementet vælges fra drop -down menu.
8

Indstil " hiddenId " variable s "værdi" til " selectedElement " variable . Tilføj denne kode på linje efter selectedElement variabel.
9

Opret en HTML drop- down menuen ved at placere en tag mellem og tags i dropdownHidden.html . Giv tag en "id " værdien af ​​"dropdown " . Brug et " onClick " begivenhed at kalde storeVal funktion, når brugeren vælger et element fra drop- down menu. Tildele en tag til menu med en værdi på "A". Mærk tag "A" og luk tag . Tildele en anden tag til menu med en værdi på "B". Label tag "B" , skal du lukke tag og lukke tag .
10

Tilføj en HTML til filen umiddelbart efter tag . Giv en type attribut "skjulte" og id " hiddenField " . Gem og luk dropdownHidden.html . DropdownHidden.html vises som vist nedenfor : Hej