Multi.js - удобно за потребителя поле за избор, изградено върху обикновен JavaScript
Изберете менюта са примитивни, но работят. Същото важи и за всички типични входни форми като отметки и радио бутони.
Лесно е да създадете свои собствени форми, но възстановяване на интерфейсните елементи от нулата може да бъде трудно. Ето защо Multi.js е толкова ценен плъгин за подмяна на подразбиращите се полета за избор.
С Multi.js, вие дайте на посетителите списък с елементи, от които да избирате с функция за многократна селекция, вградена във формуляра. По този начин потребителите могат кликнете върху няколко елемента без да разчитате на квадратчета.
Този скрипт дори поддържа функция за търсене, така че потребителите могат да търсят елементи, ако списъкът е особено дълъг.
Аз също намирам менюто доста интуитивно, така че не се нуждае от много обяснения. Кликнете върху всеки елемент от лявата страна, за да го добавите в дясната колона (или “подбран” предмети). След това кликнете върху елементите в дясната колона, за да ги премахнете.
Всичко работи на ванилия JavaScript, включително функцията за търсене, така че не се нуждаете от никакви зависимости. Въпреки това поддържа jQuery ако вашият сайт използва тази библиотека.
Всичко, от което се нуждаете, е файлът Multi.js и CSS stylesheet, за да се съгласувате с него. След това просто създавам елемент и насочете елемента с JavaScript функция, така:
var select_element = document.getElementById ('your_element_ID'); мулти (select_element);
Точно сега, плъгинът не поддържа optgroups но тази функция е в процес на разработка.
И в двата случая функционалността по подразбиране е зашеметяваща. Той работи точно както бихте очаквали дори поддържа мобилни отзиви.
За да научите повече, разгледайте GitHub репо който включва и файлове за изтегляне. Multi.js демо страница е чудесно за виждане как този плъгин работи в браузъра. Но наистина, това е просто един лесен начин restyle вашите избрани менюта подобрявайки общото потребителско изживяване на формуляра.