Crear cuadro de lista dual con JavaScript puro-multi. js

Vista prévia

Descripción

multi. js es un plugin de JavaScript ligero que transforma la selección múltiple normal en un filterable/con capacidad de búsqueda de la interfaz de cuadro de lista dual para facilitar la selección de opciones. Puede cambiar las opciones entre 2 casillas de selección haciendo clic.

Funcionamiento

multi. js es un plugin de JavaScript ligero que transforma la selección múltiple normal en un filterable/con capacidad de búsqueda de la interfaz de cuadro de lista dual para facilitar la selección de opciones. Puede cambiar las opciones entre 2 casillas de selección haciendo clic.

<link rel="stylesheet" href="/multi.min.css">
<script src="/multi.min.js"></script>

multi. js es un plugin de JavaScript ligero que transforma la selección múltiple normal en un filterable/con capacidad de búsqueda de la interfaz de cuadro de lista dual para facilitar la selección de opciones. Puede cambiar las opciones entre 2 casillas de selección haciendo clic.

<select multiple id="demo">

<option value="volvo">Volvo</option>

<option value="saab">Saab</option>

<option value="opel">Opel</option>

<option value="audi">Audi</option>
</select>

var select = document.getElementById('demo');
multi( select );

Posibles opciones para personalizar el plugin multi. js.

multi( select,{


// enable search

enable_search: true,


// placeholder of search input

search_placeholder: 'Search...'


non_selected_header: null

selected_header: null


});

Registro de cambios

v1.4.0 (10/21/2018)

• Si se alcanza el límite, desactive las opciones excepto las seleccionadas