Multi.js - Uma caixa de seleção amigável ao usuário construída em JavaScript simples
Selecione menus são primitivos mas funcionam. O mesmo vale para todas as entradas de formulário típicas, como caixas de seleção e botões do rádio.
É fácil criar seus próprios formulários, mas reconstruindo elementos de interface do zero pode ser difícil. É por isso Multi.js é um plugin tão valioso para substituindo caixas de seleção padrão.
Com o Multi.js, você dar aos visitantes uma lista de itens para escolher com um recurso de seleção múltipla incorporado ao formulário. Desta forma, os usuários podem clique em vários itens sem depender de caixas de seleção.
Este script ainda suporta um recurso de pesquisa, para que os usuários possam procurar itens se a lista for especialmente longa.
Eu também acho o menu bastante intuitivo, por isso não precisa de muita explicação. Você clica em qualquer item no lado esquerdo para adicioná-lo à coluna direita (ou “selecionado” Unid). Em seguida, clique nos itens da coluna da direita para removê-los.
Tudo é executado em JavaScript vanilla, incluindo o recurso de pesquisa, para que você não precise de dependências. Apesar disso suporta jQuery se o seu site usa essa biblioteca.
Tudo o que você precisa é o arquivo Multi.js e a folha de estilo CSS para acompanhá-lo. Em seguida, você acabou criar uma elemento e segmentar o elemento com uma função JavaScript, igual a:
var select_element = document.getElementById ('your_element_ID'); multi (select_element); Agora, o plugin não suporta optgroups mas esse recurso está em obras.
De qualquer forma, a funcionalidade padrão é impressionante. Funciona exatamente como você esperaria e suporta até layouts responsivos para dispositivos móveis.
Para saber mais, confira o Repositório GitHub qual também inclui arquivos para download. O Multi.js página de demonstração é ótimo para ver como esse plugin funciona no navegador. Mas, na verdade, é apenas uma maneira simples de restyle seus menus selecionados enquanto melhora a experiência geral do usuário do seu formulário.
