Το αναπτυσσόμενο μενού επιλογής σε HTML είναι μερικά από τα πιο εγγενώς μη φιλικά προς το χρήστη αντικείμενα. Ο σχεδιασμός τους είναι ένας πόνος και στη λειτουργικότητά τους δεν είναι πολύ χρήσιμοι αν δεν έχετε περιορισμένο αριθμό αντικειμένων με περιορισμένο αριθμό αναγκών.
Αυτός είναι ο τόπος όπου η Chosen έρχεται. Είναι μια javascript βιβλιοθήκη που κάνει την εμπειρία dropdown πολύ καλύτερο αναζητούν, καθώς και πολύ καλύτερο από την άποψη της λειτουργικότητας επίσης.
Πάνω μπορείτε να δείτε την προεπιλεγμένη Επιλεγμένη λειτουργικότητα. Φαίνεται μεγάλη και από προεπιλογή έχει έναν απλό μηχανισμό αναζήτησης για να φιλτράρει τα αποτελέσματα σε περίπτωση που έχετε ένα μεγάλο αριθμό στοιχείων στην αναπτυσσόμενη λίστα σας. Αρχικά, συμπεριλάβετε τα αρχεία javascript και css. Στη συνέχεια, αρχικοποιήστε τις με τον παρακάτω κώδικα.
Είναι τόσο εύκολο. Τώρα ας το πάρουμε στο επόμενο επίπεδο, τι κι αν θέλατε να μπορείτε να αλλάξετε τη λειτουργικότητα του αναπτυσσόμενου μενού για να επιτρέψετε πολλαπλές επιλογές; Αναζητήστε το "Κόκκινο" παρακάτω, στη συνέχεια πατήστε enter, αναζητήστε "Blue" και στη συνέχεια πατήστε enter. Τώρα μπορείτε να τα αφαιρέσετε εξίσου εύκολα από την επιλογή σας απλά πατώντας το X ή το backspace δύο φορές.
Το μόνο που έχετε να κάνετε είναι να μεταβιβάσετε την επιλογή πολλαπλά στην κλήση της επιλογής όπως παρακάτω. Δεν υπάρχει αλλαγή στο javascript, γίνεται αρχικά με τον ίδιο ακριβώς τρόπο.
