Opcje rozwijane w HTML są jednymi z najbardziej natywnie przyjaznych dla użytkownika elementów. Ich stylizacja jest uciążliwa, a ich podstawowa funkcjonalność nie jest bardzo przydatna, chyba że masz ograniczoną liczbę przedmiotów o ograniczonej liczbie potrzeb.
Właśnie tam wkracza Chosen. Jest to biblioteka javascript, która sprawia, że rozwijane menu jest ładniejsze, a także ładniejsze z punktu widzenia funkcjonalności.
Powyżej możesz zobaczyć domyślną funkcjonalność Wybranych. Wygląda świetnie i domyślnie ma prosty mechanizm wyszukiwania do filtrowania wyników w przypadku, gdy masz dużą liczbę pozycji w menu rozwijanym. Najpierw dołącz pliki javascript i css. Następnie zainicjuj je za pomocą poniższego kodu.
To takie proste. Przejdźmy teraz do następnego poziomu, a jeśli chcesz zmienić funkcjonalność menu, aby umożliwić wielokrotny wybór? Wyszukaj „Czerwony” poniżej, a następnie naciśnij Enter, wyszukaj „Niebieski”, a następnie naciśnij Enter. Teraz możesz je równie łatwo usunąć z zaznaczenia, naciskając dwukrotnie X lub Backspace.
Wszystko, co musisz zrobić, to przekazać wielokrotność opcji w wywołaniu wybranego, jak poniżej. Nie ma zmian w javascript, jest on inicjowany dokładnie w ten sam sposób.
