Πώς να συνδέσετε δύο Drop - Down Κουτιά σε HTML και JSP

Χρησιμοποιώντας JSP , μπορείτε δυναμικά να δημιουργήσει δύο κιβώτια drop-down στην ιστοσελίδα σας . Μπορείτε συνδέουν τις δύο κουτιά στη σελίδα HTML χρησιμοποιώντας JavaScript . Το JavaScript ενεργοποιεί όταν επιλέγετε ένα στοιχείο από το πρώτο αναπτυσσόμενο πλαίσιο . Μπορείτε να δημιουργήσετε τα πλαίσια drop-down σε JSP , στη συνέχεια, ορίστε το δεύτερο να μπορεί να κρυφτεί όταν ο χρήστης φορτώνει την ιστοσελίδα . Όταν ο χρήστης επιλέγει ένα στοιχείο από το πρώτο αναπτυσσόμενο μενού , εμφανίζεται το συνδεδεμένο δεύτερο drop-down . Οδηγίες
Η

1 Ανοίξτε τον επεξεργαστή JSP και το αρχείο πηγαίου κώδικα που θέλετε να χρησιμοποιήσετε για να εμφανίσετε τα πλαίσια drop-down . 2

Δημιουργήστε τις δύο JSP κουτιά drop-down . Ο παρακάτω κώδικας δημιουργεί ένα drop-down box του πελάτη , και το δεύτερο drop-down λίστες " Male" ή "Γυναίκα" για την ιστοσελίδα του χρήστη για να επιλέξουν από :

Male Γυναίκα ?

το δεύτερο drop-down είναι κρυμμένο , έτσι ο χρήστης δεν βλέπει τις πληροφορίες μέχρι να επιλεγεί ένας πελάτης
εικόνων 3

Συμπλήρωση του αναπτυσσόμενο πλαίσιο με πληροφορίες . . Ο ακόλουθος κώδικας εισάγει μια λίστα των πελατών του " πελάτες " drop - down box :

για ( αρίθμηση από 1 έως customers.getSize ( ) κατά 1 ) customers.appendElement ( . Πελάτες [μετρητής ] Όνομα ) ? τέλος

Η παραπάνω κώδικα χρησιμοποιεί τους «πελάτες» δεδομένα που να συμπληρώσετε το drop-down . Αντικαταστήστε αυτό το σύνολο δεδομένων το όνομα με το δικό σας .
Η 4

Προσθήκη της λειτουργίας JavaScript στο τμήμα HTML της σελίδας μεταξύ των ετικετών . Ο παρακάτω κώδικας εμφανίζει το δεύτερο συνδέεται με drop-down μετά ο χρήστης έχει επιλέξει μια επιλογή : { . Document.getElementById ( « φύλο » ) style.visibility = "ορατό" ? }

Αλλαγή λειτουργία ( )

5

Συνδέστε τη λειτουργία JavaScript στο δεύτερο αναπτυσσόμενο πλαίσιο . Τοποθετήστε τον ακόλουθο κώδικα στον ορισμό ετικέτας για το δεύτερο αναπτυσσόμενο πλαίσιο :

onchange = " αλλαγή "
Η
εικόνων