Multi.js - Egy felhasználóbarát Select Box beépített JavaScript-re
Válasszon menüket primitívek, de működnek. Ugyanez vonatkozik az összes tipikus bemenetre, mint például a négyzeteket és rádió gombok.
Könnyű létrehozni saját formáit, de felületi elemek újraépítése a semmiből nehéz lehet. Ezért Multi.js ilyen értékes bővítmény az alapértelmezett jelölőnégyzetek cseréje.
A Multi.js használatával adjon a látogatóknak egy listát azokról a tételekről, amelyek közül \ t az űrlapba beépített több választási funkcióval. Így lehet a felhasználók kattintson több elemre jelölőnégyzetekre hivatkozva.
Ez a szkript még támogatja a keresési funkciót, így a felhasználók kereshetik az elemeket, ha a lista különösen hosszú.
A menüt is elég intuitívnak találom, így nem kell sok magyarázni. A bal oldali bármelyik elemre kattintva hozzáadhatja a jobb oldali oszlophoz (vagy “kiválasztott” tétel). Ezután kattintson a jobb oldali oszlopban lévő elemekre, hogy eltávolítsa azokat.
Minden vanília JavaScripten fut, beleértve a keresési funkciót, így nincs szükség semmilyen függőségre. Bár, ez támogatja a jQuery-t ha webhelye ezt a könyvtárat használja.
Mindössze annyit kell tennie, hogy a Multi.js fájlt és a CSS stíluslapot együtt szeretné elérni. Ezután csak hozzon létre egy elem és célozza meg az elemet JavaScript funkcióval, így tetszik:
var select_element = document.getElementById ('your_element_ID'); multi (select_element); Most, a plugin nem támogatja az optikai csoportokat de ez a funkció a munkákban van.
Akárhogy is, az alapértelmezett funkcionalitás lenyűgöző. Ugyanúgy működik, mint ahogy azt elvárta még támogatja a mobil érzékeny elrendezéseket.
Ha többet szeretne megtudni, nézze meg a GitHub repo melyik letölthető fájlokat is tartalmaz. A Multi.js demóoldal nagyszerű látni, hogy ez a plugin működik a böngészőben. De tényleg, ez csak egy egyszerű út válassza ki a kiválasztott menüket miközben javítja az űrlap általános felhasználói élményét.
