Multi.js - o casetă de selectare prietenoasă utilizatorului, construită pe JavaScript simplu
Selectați meniurile sunt primitivi, dar lucrează. Același lucru este valabil și pentru toate intrările formale tipice, cum ar fi casetele de selectare și butoane radio.
Este ușor să vă creați propriile formulare, dar reconstruirea elementelor de interfață de la zero poate fi greu. De aceea Multi.js este un plugin atât de valoros pentru înlocuind casetele de selectare implicite.
Cu Multi.js, tu dă vizitatorilor o listă de articole de la care să alegi cu o caracteristică multi-selectată încorporată în formular. Astfel, utilizatorii pot faceți clic pe mai multe elemente fără a se baza pe casetele de selectare.
Acest scenariu chiar acceptă o caracteristică de căutare, astfel încât utilizatorii pot căuta articole dacă lista este deosebit de lungă.
De asemenea, găsesc meniul destul de intuitiv, așa că nu are nevoie de prea multe explicații. Faceți clic pe orice element din partea stângă pentru al adăuga în coloana din dreapta (sau “selectat” articole). Apoi, faceți clic pe elementele din coloana din dreapta pentru a le elimina.
Totul rulează pe JavaScript de la vanilla, inclusiv funcția de căutare, astfel încât să nu aveți nevoie de dependențe. Desi suportă jQuery dacă site-ul dvs. folosește acea bibliotecă.
Tot ce aveți nevoie este fișierul Multi.js și foaia de stil CSS pentru a merge împreună cu ea. Apoi, tu doar creeaza o element și vizați elementul cu o funcție JavaScript, ca astfel:
var select_element = document.getElementById ('your_element_ID'); multi (select_element); Acum, pluginul nu acceptă grupurile opt dar această caracteristică este în lucru.
În orice caz, funcționalitatea implicită este uluitoare. Funcționează exact așa cum te-ai aștepta și tu suportă și dispozitive mobile receptive.
Pentru a afla mai multe, verificați GitHub repo care include de asemenea fișierele descărcabile. Multi.js pagina demo este minunat pentru a vedea modul în care acest plugin funcționează în browser. Dar, într-adevăr, este doar o modalitate simplă restabiliți meniurile selectate îmbunătățind în același timp experiența generală a utilizatorului în formular.
