Anonim

Le selezioni a discesa in HTML sono alcuni degli elementi più nativamente non user-friendly. Lo styling è una seccatura e alla loro funzionalità di base non sono molto utili a meno che tu non abbia una quantità limitata di articoli con una quantità limitata di esigenze.

Ecco dove entra in gioco Chosen. È una libreria javascript che rende l'esperienza del menu a discesa molto più gradevole, oltre che molto più piacevole dal punto di vista della funzionalità.

Sopra puoi vedere la funzionalità predefinita selezionata. Sembra fantastico, e per impostazione predefinita ha un semplice meccanismo di ricerca per filtrare i risultati nel caso in cui ci sia una grande quantità di elementi nel tuo menu a discesa. Innanzitutto, includi i file javascript e css. Quindi, inizializzali con il codice seguente.

È così facile. Ora passiamo al livello successivo, e se volessi essere in grado di modificare la funzionalità del menu a discesa per consentire selezioni multiple? Cerca "Rosso" di seguito, quindi premi invio, cerca "Blu", quindi premi invio. Ora puoi rimuoverli altrettanto facilmente dalla tua selezione semplicemente premendo due volte la X o il backspace.


Tutto quello che devi fare è passare l'opzione multiplo nella chiamata della selezione come di seguito. Non ci sono modifiche al javascript, viene inizializzato esattamente allo stesso modo.