Hvordan koble to rullegardinlistene i HTML & JSP

June 30

Ved hjelp av JSP, kan du dynamisk sette opp to rullegardinmenyene på websiden. Du kobler de to boksene i HTML-siden ved hjelp av Javascript. Javascript utløser når du velger et element fra den første rullegardinlisten. Du bygger rulle bokser i JSP, og deretter sette den andre for å være skjult når brukeren laster websiden. Når brukeren velger et element fra den første rullegardin er knyttet andre rullegardin vises.

Bruksanvisning

1 Åpne JSP redaktør og kildekoden filen du ønsker å bruke for å vise rullegardinmenyene.

2 Lag de to JSP rullegardinmenyene. Følgende kode oppretter en kunde rullegardinlisten, og den andre rullegardinlister "Mann" eller "kvinnelige" for nettstedet brukeren å velge mellom:

Den andre rullegardin er skjult, slik at brukeren ikke se informasjonen til en kunde er valgt.

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

for (teller fra 1 til customers.getSize () ved 1)

customers.appendElement(customers[counter].Name);

slutt

Koden ovenfor bruker de "kunder" datasett for å fylle rullegardinmenyen. Erstatt dette datasettet navnet med din egen.

4 Legg Javascript-funksjonen til HTML-delen av siden mellom <head> taggene. Følgende kode viser andre knyttet drop-down etter at brukeren har valgt et alternativ:

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

5 Link Javascript-funksjonen til den andre rullegardinlisten. Plasser følgende kode i kode definisjonen for den andre rullegardin:

OnChange = "change"