Bruke JSP , kan du dynamisk sette opp to drop- down bokser på websiden. Du kobler de to boksene i HTML- side ved hjelp av JavaScript. The JavaScript utløser når du velger et element fra første drop- down boks . Du bygger de drop- down bokser i JSP , og deretter sette den andre skal være skjult når brukeren laster websiden. Når brukeren velger et element fra første drop- down , er det koblede andre drop- down vises. Instruksjoner
en

Åpne JSP redaktør og kildekoden filen du vil bruke til å vise drop- down bokser .
2

Lag de to JSP drop- down bokser . Følgende kode oppretter en kunde drop- down boks , og den andre drop- down lister " Mann " eller " Female" for nettstedet brukeren å velge mellom : en

< select id = "kunder " > < /select > Mann < /option > Kvinne < /option > < /select > ; .

andre drop- down er skjult, slik at brukeren ser ikke informasjon før en kunde er valgt
3

Befolke drop -down boks med informasjon . Følgende kode setter inn en liste av kunder i "kunder" drop- down boks : en

for ( teller fra 1 til customers.getSize ( ) ved 1) customers.appendElement ( kunder [ teller ] Navn . ) ; end

koden ovenfor bruker de " kunder " datasett til å fylle rullegardinmenyen . Erstatte dette datasettet navn med ditt eget .
4

Legg JavaScript-funksjonen til HTML- delen av siden mellom koder. Følgende kode viser andre knyttet drop- down etter at brukeren har valgt et alternativ : en

funksjon endring ( ) { . Document.getElementById ( "gender ") style.visibility = " synlig "; }

5

Link JavaScript-funksjonen til den andre drop- down boks . Plasser følgende kode i koden definisjonen for andre drop- down boks : en

OnChange = " change"