Selector de opciones de fácil de usar en JavaScript puro-selector de etiquetas
| Autor: | RyanFitzgerald |
|---|---|
| Views Total: | 1,002 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 14, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Selector de etiquetas es una pequeña biblioteca de JavaScript que transforma las opciones de selección en etiquetas de estilo etiqueta para una mejor experiencia de usuario.
Funcionamiento
Descargue e importe el selector de etiquetas en su proyecto.
# NPM $ npm install tagselector --save
También puede incluir los archivos del selector de etiquetas directamente en el documento.
<link rel="stylesheet" href="tagselector.css"> <script src="tagselector.js"></script>
Inicialice la biblioteca creando una nueva instancia de selector de etiquetas y especifique el elemento de selección de destino:
<select id="demo"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select>
var myInstance = new TagSelector(document.getElementById('demo')); Se puede seleccionar el número máximo de opciones.
var myInstance = new TagSelector(document.getElementById('demo'),{
max: 3
}); Funciones de devolución de llamada disponibles.
var myInstance = new TagSelector(document.getElementById('demo'),{
onInit: false,
onDestroy: false,
onSelect: false,
onDeselect: false
});
