Есть тестовое задание, сверстать небольшую страницу, одной из задач по js является: (дословно) кастомизированные селекты + картинка ниже.
Я человек в кодинге не очень опытный, поэтому не знаю что толком можно сделать. Прошу совета профи.
Предполагаю, что смысл задания, скорее всего, именно в реализации кастомного поведения в браузере, техники получения атрибутов, установки value итп. Или, возможно - техники кроссбраузерной стилизации нативного селектора. А способов сделать "декоратор" селекта - чрезвычайно много, даже если не брать готовые библиотеки. Выбор способа зависит от пути реализации фронтенда, принятого на проекте. Необходимость же в кастомных селектах существует, т.к. встроенные в браузер селекторы плохо стилизуются браузерами, но универсального решения, покрывающего все кейсы, не существует. Суть техники заключается в моделировании селектора посредством <div />, <span /> и <input /> и маппинге соответствующих событий и свойств оригинального элемента. Обычно есть цель устанавливать поля соответствующей формы. Основной способ передачи данных - атрибуты и свойства оригинального <select>, который, как-правило, скрыт. Есть вероятность, что нужна реализация мульти-селектора. Вобщем, у этой задачи есть несколько уровней сложности и возможной проработки. Готовые решения, с другой стороны, добавляют свой уровень сложности и в CSS и в скриптах, осбенно, если инстансов много и у каждого сложное поведение.
Сборка персонального компьютера от Artline: умный выбор для современных пользователей