Simple biblioteca de AutoComplete JS para el campo de entrada-autoCompltr. js
| Autor: | Jerembo |
|---|---|
| Views Total: | 2,829 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 9, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
autoCompltr. js es una biblioteca JavaScript fácil de usar que transforma un elemento DIV en un campo de entrada con función de autocompletar. Introduzca un carácter en el campo de entrada y verá que la lista se rellena con sugerencias.
Funcionamiento
Incluya el CSS y el JavaScript requeridos en el documento.
<link rel="stylesheet" href="css/autoCompltr.css"> <script src="js/autoCompltr.js"></script>
Cree un elemento DIV vacío en el documento.
<div id="auto-complete"></div>
Cree una lista de datos para el autocompletar.
var list = [ "Hewitt", "Carter", "Murray", "Golden", "Fowler", "Riggs", "Bowers", "Bartlett", "Howard", "Lancaster", "Steele", "Kaufman", "Reed", "Schwartz", "Rose", "Sullivan", "Payne", "Ewing", "Nicholson", "Mathis", "Reid", "Velez", "Rasmussen", "Avila", "Ayers", "Lowe", "Cobb", "Noble", "Woodard", "Jarvis", "Dyer", "Little" ];
Habilite la función de autocompletar en la entrada archivada.
var autoCompltrDOM = document.getElementById('auto-complete');
var autoCompltr = new AutoCompltr(autoCompltrDOM);
autoCompltr.setSuggestionsList(list); Registro de cambios
09/09/2015
- actualizar
