Πώς να καθαρίσετε ένα 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 έχετε κατεβάσει . < br >
Η 3

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

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

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

2 < /option>

< /επιλογή >

< input type = " κουμπί" name = " clear- επιλογής" id = " clear- επιλογής" value = " Clear" />

< /form>

Αυτό προσθέτει μια φόρμα 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 μενού .
Η
εικόνων

• Τελευταίο άρθρο: Πώς να γράψει μια λειτουργία JavaScript που Υπολογίζει μια προσφορά Ταξί 
• Επόμενο άρθρο: Πώς να Test XSS ευπάθεια 

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

• Πώς να πάρει ένα Cookie Script
• Συνδυασμός JavaScript Hotkeys
• Πώς να πάρει ένα χαρακτηριστικό σε JavaScript
• Ποια είναι η διαφορά μεταξύ μιας διαδικασίας και λειτουργίας στον προγραμματισμό;
• API Ανάπτυξη του Google Maps

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

• Ποιες είναι οι διαφορές μεταξύ συγχρονισμού και ασυγχρονισμού;
• Πώς μπορείτε να διαπιστώσετε αν μια ιστοσελίδα χρησιμοποιεί JavaScript ανακατευθύνσεις
• Light Box Tutorial
• Πώς να δημιουργήσετε ειδικά εφέ για την ιστοσελίδα σας - ακόμα κι αν δεν μπορείτε να γράψετε κώδικα

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