Як змінити стандартний select

Називається він "Multi-Column-Dropdown". Завантажити ви його можете за посиланням:

Load the CSS:
"MultiColumnSelect / MultiColumnSelect.css"

Include js plugin:
"MultiColumnSelect / MultiColumnSelect.js"

Зробіть структуру HTML сторінки, як показано в прикладі з тієї ж посиланням в пункті

Set up your HTML

Після чого викличте плагін, як показано в пункті

Call the plugin

• multiple - використовувати select з одним варіантом вибору або з безліччю?
• useOptionText - використовувати текст з налаштувань. Встановіть false, якщо хочете використовувати картинки
• hideselect - приховати стандартний select
• openmenuClass - клас для перемикача кнопки
• openmenuText - текст для кнопки
• openclass - клас, доданий до кнопки при відкритті
• containerClass - клас для батьківського контейнера
• itemClass - клас для пунктів меню
• idprefix - призначити в якості id для пунктів. наприклад, # 'Item- #' = # item-1, # item-2, # item-3.
• duration - тривалість анімації
• onOpen - функція, що спрацьовує при наведенні
• onClose - функція, що спрацьовує при відведенні
• onItemSelect

Ось такий простий, але красивий і навіть ефектний плагін, а, головне, що ви самі можете змінити стилі для вашого select без втрати функціональності.

Отже, на цьому все. Дякую за увагу!