JavaScript Tutor - Lektion 12 Endnu et "indbygget" array er options array i en drop-down liste. Studér følgende liste... HMTL koden for dette er:
Bemærk at listen har et navn og hver option har en værdi. Se på følgende script...
Den bruger event handler onChange. Når tilstanden af drop-down listen ændres, kalder det på funktionen GoBrady(). Denne funktion viser en alert boks som viser "valgte Index" egenskaben af options array. Leg med det indtil du forstår hvad der sker. OK, vi kan nemt hente indekset af den valgte Brady. Men hvordan kan vi hente værdien? Hvor "valgte Index" er en egenskab af array, er værdierne de enkelte optioners egenskaber. Er det forståeligt? Kan du huske da vi kiggede på billede arrays og vi sagde at det først billede i array er billedet [0], det andet er billedet [1] osv.? Options array fungere på samme måde. Vi kaldte vores array bradykids, derfor er den første option bradykids[0], den anden er bradykids[1], den trejde er bradykids[2], osv. I det sidste script greb vi fat i "valgte Index" og gemte det i variablen brady, for at få egenskabernes enkelte optioner med bradykids[brady]. Er du stadig med eller er du fuldsændig forvirret? Prøv at kigge på denne modificerede version af det sidste script...
Fortsæt med at studere det indtil du forstår det.
|