Выпадающие списки в HTML являются одними из самых неудобных для пользователя элементов. Их стилизация - это боль, и при их базовой функциональности они не очень полезны, если у вас нет ограниченного количества предметов с ограниченным количеством потребностей.
Вот где приходит Chosen. Это библиотека javascript, которая делает работу с выпадающим меню более приятной и привлекательной с точки зрения функциональности.
Выше вы можете увидеть выбранную по умолчанию функциональность. Он выглядит великолепно, и по умолчанию имеет простой механизм поиска для фильтрации результатов в случае, если у вас есть большое количество элементов в раскрывающемся списке. Сначала включите файлы javascript и css. Затем инициализируйте их с помощью кода ниже.
Это так просто. Теперь давайте перейдем к следующему уровню. Что если вы захотите изменить функциональность раскрывающегося списка, чтобы сделать возможным несколько вариантов выбора? Найдите «Red» ниже, затем нажмите «Enter», найдите «Blue», затем нажмите «Enter». Теперь вы можете так же легко удалить их из вашего выбора, просто дважды нажав X или Backspace.
Все, что вам нужно сделать, это передать несколько вариантов при вызове выбора, как показано ниже. В javascript нет никаких изменений, он инициализируется точно так же.
