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 repo котрий також містить завантажувані файли. Multi.js Демонстраційна сторінка відмінно підходить для перегляду цього додатка працює в браузері. Але насправді, це просто простий спосіб рестайлінг ваших вибраних меню одночасно покращуючи загальний досвід користувачів у вашій формі.
