Slik deaktiverer den andre rullegardinlisten i JSP

April 10

Javaserver Pages, eller JSP, er en del av Java-teknologi utviklet av Sun for å lage dynamiske websider. JSP er laget med en kombinasjon av HTML, XML-koder og Java scriptlets som er generert på serversiden av et nettsted. Denne teknologien gjør det enkelt for programmerere å lage dynamiske web-skjemaer og kontrollere skjemafelt, for eksempel nedtrekkslistene. For eksempel kan en programmerer generere alternativene i en andre nedtrekkslisten basert på hva en bruker velger i den første rullegardinlisten. Inntil brukeren velger et alternativ i den første rullegardinlisten, vil den andre bli deaktivert.

Bruksanvisning

1 Åpne JSP-siden i en Web-redigering program (Dreamweaver) eller med en tekst-redigeringsverktøy (Notepad).

2 Skriv inn koden for å lage et skjema med to rullegardinlistene. Hvis du allerede har et skjema med dine nedtrekkslistene opprettet, så kan du hoppe over dette trinnet. Bare jobbe med de listene du allerede har. Lag rullelister i HTML (Hypertext Markup Language):

"<Html>

<Body>

<Option value = "frukt"> Frukt </ option>

<Option value = "grønnsaker"> Grønnsaker </ option>

<Option value = "kjøtt> Kjøtt </ option>

</ Velge>

</ Velge>

</ Form>

</ Body>

</ Html> "

I eksempelet ovenfor, ble et skjema som er opprettet med to rullegardinmenyene. En boks har en liste over elementer og den andre boksen har en liste over forskjellige frukter. Handlingen for første rullegardin sier at når det er endret, da skjemaet vil referere til en Javascript heter "enable_list" i samme dokument. Den andre drop-down boksen er allerede satt til funksjonshemmede og for øyeblikket ikke har noen alternativer ..

3 Scroll ned og skrive funksjonen som gjør at den andre boksen for å bli aktivert basert på valg av den første boksen. Funksjonen er skrevet i Javascript:

"$ (Funksjon enable_list.jsp ()

{

$('#fruit').load(

'& Lt; option value = "epler"> Epler & lt; / option>'

'& Lt; option value = "appelsiner"> Appelsiner & lt; / option>'

'& Lt; option value = "druer"> Grapes & lt; / option>'

'& Lt; option value = "sitroner"> Lemons & lt; / option>'

{Slipp: val}

funksjon ()

{

$ ( '# Denne') attr ( "deaktivert", false).;

});

}); "

Skriptet fyller den andre rullegardinlisten med alternativene "Epler", "Appelsiner", "druer" og "sitroner." Det gjør også boksen med utsagnet "$ ( '# dette"). Attr ( "deaktivert", false) ;. " For det motsatte av dette, hvis du vil at skriptet å deaktivere ruten vil koden bli, "$ ( '# dette"). Attr ( "deaktivert", true) ;. "

4 Lagre JSP side med .jsp filtypen. For eksempel kan skriptet opprettet ovenfor bli kalt, "disable_lists.jsp."