Hur man ansluter två listrutorna i HTML & JSP

Med JSP , kan du ställa dynamiskt upp två listrutorna på din webbsida . Du kopplar de två rutorna i HTML- sida med hjälp av JavaScript . Den JavaScript utlöser när du väljer ett objekt från den första rullgardinsmenyn . Du bygga listrutorna i JSP , ställ sedan in den andra ska döljas när användaren laddar webbsidan . När användaren väljer ett objekt från den första rullgardinsmenyn är länkade andra rullgardinsmenyn visas . Instruktioner
1

Öppna din JSP editor och källkoden fil du vill använda för att visa den nedrullningsbara rutorna .
2

Skapa de två JSP listrutorna . I följande kod skapas en kund listrutan , och den andra nedrullningsbara listor " Male " eller " Kvinna " för webbplatsen användaren att välja mellan :

< select id = "kunder " > < /select > Man < /option > < /select > ; .

andra nedrullningsbara är dold , så att användaren inte ser den informationen tills en kund har valt Addera 3

Fylla i listrutan med information . Följande kod infogas en lista över kunder i de "kunder" drop -down box :

för ( räknare från 1 till customers.getSize ( ) med 1 ) customers.appendElement ( kunder [ räknare ] namn . ) , end

koden ovan använder de "kunder" datamängd för att befolka rullgardinsmenyn . Ersätt denna datamängd namn med ditt eget .
4

Lägg till JavaScript -funktionen i HTML sektionen på sidan mellan taggarna . Följande kod visar den andra länkade nedrullningsbara efter att användaren har valt ett alternativ :

funktion förändring ( ) { . Document.getElementById ( " gender " ) style.visibility = " synliga " ; }

5

Länk JavaScript-funktionen till den andra rullgardinsmenyn . Placera följande kod i taggen definitionen för andra rullgardinsmenyn :

onChange = " förändring " Addera