Selector de elementos filtrables genéricos con JavaScript puro-pickathing
| Autor: | Symphony9 |
|---|---|
| Views Total: | 2,080 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 2, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
pickathing es una biblioteca de JavaScript muy simple que transforma el cuadro de selección normal en un selector desplegable de búsqueda para elegir rápida y fácilmente cualquier cosa que prefiera.
Funcionamiento
Cargue los archivos JavaScript y CSS del pickathing en el archivo HTML.
<link rel="stylesheet" href="dist/pickathing.css"> <script src="dist/pickathing.js"></script>
Suponiendo que tiene un cuadro de selección regular como este:
<select name="demo-select" id="demo-select"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <option value="4" selected>Option 4</option> <option value="5">Option 5</option> <option value="6">Option 6</option> <option value="7">Option 7</option> <option value="8">Option 8</option> <option value="9">Option 9</option> <option value="10">Option 10</option> </select>
Simplemente llame a la función en el elemento SELECT y listo.
// shows search field
var demoSelect = new Pickathing('demo-select', true);
// hides search field
var demoSelect = new Pickathing('demo-select', false); Registro de cambios
v0.11.3 (06/02/2018)
- Bugfix
