As seleções suspensas em HTML são alguns dos itens mais nativos e fáceis de usar. Denominá-los é uma tarefa árdua e, na funcionalidade básica, não são muito úteis, a menos que você tenha uma quantidade limitada de itens com uma quantidade limitada de necessidades.
É aí que entra o Chosen. É uma biblioteca javascript que torna a experiência suspensa muito mais agradável e agradável do ponto de vista da funcionalidade.
Acima, você pode ver a funcionalidade Escolhida padrão. Parece ótimo e, por padrão, possui um mecanismo de pesquisa simples para filtrar os resultados, caso você tenha uma grande quantidade de itens no menu suspenso. Primeiro, inclua os arquivos javascript e css. Em seguida, inicialize-os com o código abaixo.
É tão fácil quanto isso. Agora, vamos passar para o próximo nível. E se você quiser alterar a funcionalidade do menu suspenso para permitir várias seleções? Procure por "Vermelho" abaixo, depois pressione Enter, procure por "Azul" e pressione Enter. Agora você pode removê-los com a mesma facilidade da sua seleção, pressionando o X ou o backspace duas vezes.
Tudo o que você precisa fazer é passar a opção múltipla na chamada do select, conforme abaixo. Não há alterações no javascript, ele é inicializado exatamente da mesma maneira.
