Випадаючий вибір у HTML - це деякі найбільш непридатні для користувача елементи. Стилізація їх - це біль, і їх основна функціональність не є дуже корисною, якщо у вас обмежена кількість предметів з обмеженою кількістю потреб.
Ось тут і входить Chosen. Це бібліотека javascript, яка робить досвід випаду набагато приємніше виглядати, а також набагато приємніше з точки зору функціональності.
Вище можна побачити вибрану функцію за замовчуванням. Це виглядає чудово, і за замовчуванням є простий механізм пошуку для фільтрування результатів, якщо у вас є велика кількість елементів у спадному меню. Спочатку включіть файли javascript та css. Потім ініціалізуйте їх з наведеним нижче кодом.
Це так просто, як це. Тепер давайте перейдемо до наступного рівня, що робити, якщо ви хотіли змінити функціональність спадного меню, щоб дозволити кілька варіантів? Знайдіть "Червоний" нижче, потім натисніть клавішу Enter, знайдіть "Синій", а потім натисніть клавішу Enter. Тепер ви можете їх так само легко видалити зі свого вибору, натиснувши два рази X і назад.
Все, що вам потрібно зробити, - це пропустити параметр, кратний під час виклику вибору, як показано нижче. Зміни JavaScript не змінюються, він ініціалізується точно так само.
