Ricerca di componente di selezione multipla, scorrevole, per Bootstrap

Question

Non riesco a trovare un componente Elenco scorrevole e selezionabile in più per Bootstrap; qualcuno ne conosce uno?

I componenti Select2 sono eccezionali, ma desidero prima espandere l'elenco, non un menu a discesa.

Bonus se funziona facilmente con il componente di input Testo per la ricerca/il filtro.

Grazie per eventuali suggerimenti utili!

Answer 1

Se siete alla ricerca di un layout di selezione 2 colonne, controllare this out

Se siete alla ricerca di un menu a discesa multiselect - Controllare here e here

Answer 2

Recentemente ho creato molto semplice jQuerUI plugin che imita multiselezione funzionalità attivando la classe .active sugli elementi.

$(selector).multiselect("selection") 

restituisce un array di indici dei bambini elemens hanno codice categoria .active.

Lo scorrimento e altri stili vengono eseguiti applicando il CSS corrispondente.

Answer 3

Bootstrap Dual Listbox utilizzare due elenchi per gestire le selezioni.

Nel tuo documento HTML:

<select name="duallistbox[]" multiselect> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
    <option value="3">Option 3</option> 
    <option value="4">Option 4</option> 
    ... 
    <option value="10">Option 10</option> 
</select> 

Nello script JS:

$('select[name="duallistbox[]"]').bootstrapDualListbox(); 

che si traduce in: Image

Answer 4

per rendere la discesa scorrevole aggiungere il seguente css

.multiselect-container { 
    height: 200px; 
    overflow-x: hidden; 
    overflow-y: scroll; 
}