Selección múltiple lista desplegable con casillas de verificación-MultiSelect. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: mneofit
Views Total: 7,308
Sitio oficial: Ir a la web
Actualizado: October 7, 2018
Licencia: MIT

Vista prévia

Selección múltiple lista desplegable con casillas de verificación-MultiSelect. js

Descripción

MultiSelect. js es un plugin de JavaScript discreto que convierte el cuadro de selección nativo en un control de selección múltiple con casillas de verificación y marque todos los botones.

Funcionamiento

Incluya la hoja de estilos ' MultiSelect. css ' en la sección Head de la Página Web.

<link href="multiselect.css" rel="stylesheet">

Cree un elemento de selección "múltiple" normal en la Página Web.

<select id='testSelect1' multiple>

<option value='1'>Item 1</option>

<option value='2'>Item 2</option>

<option value='3'>Item 3</option>

<option value='4'>Item 4</option>

<option value='5'>Item 5</option>
</select>

Incluya el archivo JavaScript ' MultiSelect. min. js ' en la parte inferior de la Página Web.

<script src="multiselect.min.js"></script>

Activa el plugin y listo.

document.multiselect('#testSelect1');

Reemplace los estilos predeterminados en el ' MultiSelect. css ' según sus necesidades.

.multiselect-wrapper {

...
}

...

Registro de cambios

10/07/2018

  • Bugfix

Te puede interesar: