Multi.js - uživatelsky přátelský výběr box postavený na prostém JavaScriptu
Vyberte nabídky jsou primitivní, ale fungují. Totéž platí pro všechny typické formové vstupy jako např zaškrtávací políčka a přepínače.
Je snadné vytvořit si vlastní formuláře, ale přestavby prvků rozhraní od nuly může být těžké. Proto Multi.js je takový cenný plugin pro nahrazení výchozích políček pro výběr.
S Multi.js, vy dát návštěvníkům seznam položek, ze kterých si můžete vybrat s funkcí multi-select zabudovanou do formuláře. Uživatelé tak mohou klikněte na více položek bez spoléhání se na zaškrtávací políčka.
Tento skript dokonce podporuje funkci vyhledávání, takže uživatelé mohou vyhledávat položky, pokud je seznam obzvláště dlouhý.
Také jsem si menu velmi intuitivní, tak to nepotřebuje mnoho vysvětlování. Kliknutím na libovolnou položku na levé straně jej přidáte do pravého sloupce (nebo “vybraný” položek). Kliknutím na položky v pravém sloupci je odstraníte.
Vše běží na vanilce JavaScript, včetně funkce vyhledávání, takže nepotřebujete žádné závislosti. I když nepodporuje jQuery pokud vaše stránky tuto knihovnu používají.
Vše, co potřebujete, je soubor Multi.js a styly CSS, které jdou spolu s ním. Další, prostě vytvořit živel a zacílit prvek pomocí funkce JavaScript, jako tak:
var select_element = document.getElementById ('your_element_ID'); multi (select_element); Právě teď, plugin nepodporuje optgroups ale tato funkce je v dílech.
V každém případě je výchozí funkce ohromující. Funguje to přesně tak, jak byste očekávali dokonce podporuje mobilní rozložení.
Chcete-li se dozvědět více, podívejte se na GitHub repo který zahrnuje také soubory ke stažení. Multi.js demo stránka je skvělý pro zobrazení tohoto pluginu funguje v prohlížeči. Ale opravdu, je to jen jednoduchý způsob obnovte vybrané nabídky při současném zlepšení celkového uživatelského prostředí formuláře.
