Selección múltiple con lista desplegable-selección múltiple

Tiempo de ejecución: 30 minutos. Empezar

Autor: varundewan
Views Total: 393
Sitio oficial: Ir a la web
Actualizado: January 28, 2019
Licencia: MIT

Vista prévia

Selección múltiple con lista desplegable-selección múltiple

Descripción

A vanilla JavaScript multi-select plugin that transforms the normal multi-select element into a user-friendly tags input.

Los usuarios pueden seleccionar varias opciones de la selección desplegable. Haga clic en el botón ' X ' para eliminar la opción seleccionada.

Funcionamiento

Importa el JavaScript principal y la hoja de estilos en el documento.

<link rel="stylesheet" href="css/style.css">
<script src="js/index.js"></script>

Adjunta el plugin a un elemento de selección múltiple y listo.

<select multiple="multiple" id="myMulti">

<option>CSS</option>

<option>SCRIPT</option>

<option>COM</option>

<option>jQuery</option>

<option>HTML5</option>
</select>
var myDrop = new drop({


selector:
'#myMulti'
});

Especifique una matriz de opciones preseleccionadas.

var myDrop = new drop({


selector:
'#myMulti'


preselected: [0, 2]
});

Te puede interesar: