Πώς να καθαρίσετε ένα Drop -Down σε JQuery

Χρησιμοποιώντας επιλογείς και την άδεια λειτουργίας jQuery , είναι απλό να γράψει τον κώδικα που χρειάζεστε για να καθαρίσετε ένα drop -down μενού . JQuery είναι ένα open source βιβλιοθήκη JavaScript κυκλοφόρησε για πρώτη φορά το 2006 , με τακτικές ενημερώσεις από το να προσθέσει νέες λειτουργίες . JQuery καθιστά εύκολη τη δημιουργία πολύπλοκων αλληλεπιδράσεων σε μια ιστοσελίδα με ένα ελάχιστο ποσό του κώδικα, χρησιμοποιώντας επιλογείς για να αντιμετωπίσει οποιοδήποτε στοιχείο σχετικά με την σελίδα . Πίσω από τις σκηνές , jQuery μετατρέπει τη μικρή απλό κώδικα στην πιο πολύπλοκο κώδικα που απαιτείται για να πραγματοποιήσει τη ζητούμενη εργασία . Οδηγίες
Η

1 Ανοίξτε ένα πρόγραμμα περιήγησης στο Web και μεταβείτε στην ιστοσελίδα jQuery ( jquery.com ) . Επιλέξτε την πιο πρόσφατη έκδοση παραγωγής χρησιμοποιώντας τα πλαίσια ελέγχου στην επάνω δεξιά γωνία της αρχικής σελίδας jQuery . Κάντε κλικ στο κουμπί " Download jQuery " και αποθηκεύστε το αρχείο σε έναν κατάλογο στην τοπική αντίγραφο της ιστοσελίδας σας . Ανεβάστε το αρχείο jQuery στο διακομιστή Web σας χρησιμοποιώντας ένα πρόγραμμα FTP . 2

Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου ή εφαρμογή web design και να δημιουργήσετε μια νέα σελίδα HTML . Προσθέστε την ακόλουθη γραμμή μεταξύ των " " HTML και " " ετικέτες στο πάνω μέρος της σελίδας για να συμπεριλάβει τη βιβλιοθήκη jQuery .

<Τύπος script = " text /javascript " src = " /jquery/jquery-1.6.2.min.js " >

Αλλάξτε τη διαδρομή στο χαρακτηριστικό script src για να ταιριάζει με το όνομα του καταλόγου στον server σας , και η έκδοση του jQuery έχετε κατεβάσει .

Η 3

Προσθέστε τον ακόλουθο κώδικα μεταξύ της HTML " " και " " ετικέτες .

<μορφή id = " myForm " όνομα = " myForm " method = " post" action = " " >

<αξίας των δικαιωμάτων προαίρεσης = " 1 " > 1

2

Αυτό προσθέτει μια φόρμα HTML στη σελίδα περιέχει ένα drop-down μενού με δύο επιλογές παράδειγμα . Το έντυπο περιέχει επίσης ένα κουμπί που ο χρήστης μπορεί να κάνει κλικ για να καταργήσετε το μενού drop-down
Η 4

Προσθέστε τον ακόλουθο κώδικα μέσα στην ετικέτα HTML εισόδου για το κουμπί , μετά το χαρακτηριστικό αξία: .

onclick = " $ ( ' # myDropdown » ) άδειο ()? . "

Αυτό JavaScript εκτελείται όταν ο επισκέπτης κάνει κλικ στο κουμπί , χρησιμοποιώντας τα κουμπιά onclick εκδήλωση . Το πρώτο μέρος του κώδικα πριν από την περίοδο αναφοράς το drop -down μενού με το myDropdown id , χρησιμοποιώντας το σύστημα επιλογής jQuery . Η άδεια λειτουργίας jQuery αφαιρεί όλους τους κόμβους του παιδιού από το επιλεγμένο στοιχείο . Αυτό αφαιρεί όλες τις επιλογές ένθετη στη επιλέξτε tag για το drop-down με την myDropdown id , αμέσως ανοίγοντας το drop-down μενού .
5

Αποθηκεύστε τη σελίδα ως example.htm και να αποθηκεύσετε στη ρίζα καταλόγου της ιστοσελίδας . Ανεβάστε τη σελίδα στο διακομιστή Web σας χρησιμοποιώντας μια εφαρμογή FTP , και στη συνέχεια, ανοίξτε τη σελίδα στον browser σας . Αρχικά , το drop-down μενού περιέχει δύο επιλογές για παράδειγμα . Κάντε κλικ στο κουμπί "Clear " για να καθαρίσετε το drop -down μενού .
Η
εικόνων