Πώς να συνδέσετε δύο 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" ή "Γυναίκα" για την ιστοσελίδα του χρήστη για να επιλέξουν από :

< select id = " πελάτες " > < /επιλογή > Male < /option> Γυναίκα < /option> < /select > ?

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

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

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

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

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

Αλλαγή λειτουργία ( ) < br >
5

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

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

• Τελευταίο άρθρο: Πώς να μετατρέψετε το ResultSet να Drop- Down σε JSP 
• Επόμενο άρθρο: Java μέθοδος για να διαιρέσετε το κόμμα σε μια διάσταση Γραμμή 

Συναφής σύστασή

• Κανόνες Επιχειρήσεων σε Java
• Πώς να χρησιμοποιήσετε Scanner Data Δέντρα
• Πώς μπορώ να εκτυπώσετε όλες Prime Numbers σε Java
• Java Chat Code
• Αλλαγή μεγέθους Μέθοδος για την Java Applets

Τελευταία άρθρα

• Πώς στέλνετε ένα μήνυμα με την Java;
• Πώς να χρησιμοποιήσετε το NetBeans να δημιουργήσετε ένα JTable
• Πώς χειριστές εργασίες για Android
• Πώς να επιτρέπονται Java για να γράψει τα αρχεία στα Windows

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα