Multi.js - удобное окно выбора, построенное на простом JavaScript
Выберите меню примитивны, но они работают. То же самое относится ко всем типичным входам формы, таким как флажки а также Радио-кнопки.
Легко создавать свои собственные формы, но восстановление элементов интерфейса с нуля может быть жестким. Вот почему Multi.js такой ценный плагин для заменяя поля выбора по умолчанию.
С Multi.js вы дать посетителям список предметов для выбора с функцией множественного выбора, встроенной в форму. Таким образом, пользователи могут нажмите несколько элементов не полагаясь на флажки.
Этот скрипт даже поддерживает функцию поиска, так что пользователи могут искать элементы, если список особенно длинный.
Я также нахожу меню довольно интуитивным, так что не нужно много объяснений. Вы щелкаете любой элемент слева, чтобы добавить его в правый столбец (или “выбранный” Предметы). Затем нажмите на элементы в правом столбце, чтобы удалить их.
Все работает на ванильном JavaScript, включая функцию поиска, поэтому вам не нужны никакие зависимости. Хотя, это поддерживает JQuery если ваш сайт использует эту библиотеку.
Все, что вам нужно, - это файл Multi.js и таблица стилей CSS. Далее вы просто создать элемент а также нацелить элемент с помощью функции JavaScript, вот так:
var select_element = document.getElementById ('your_element_ID'); мульти (select_element); Прямо сейчас плагин не поддерживает optgroups но эта функция находится в разработке.
В любом случае, функциональность по умолчанию потрясающая. Это работает так, как вы ожидаете, и это даже поддерживает мобильные адаптивные макеты.
Чтобы узнать больше, проверьте GitHub репо который также включает в себя загружаемые файлы. Multi.js демонстрационная страница отлично подходит для просмотра, как этот плагин работает в браузере. Но на самом деле, это просто простой способ изменить стиль ваших избранных меню улучшая общее восприятие вашей формы.
