Plugin Autocomplete jQuery
En este artículo vamos a hablar de un plugin jQuery para autocompletar campos de texto y textarea’s.
Para utilizarlo deberemos incluir el plugin + la librería jQuery en nuestro <head> y luego el script que hará la función de autocomplete.
$("#suggest").autocomplete('search.php', {
width: 300,
multiple: true,
matchContains: true,
formatItem: formatItem,
formatResult: formatResult
});
En el código anterior vamos a hacer autocomplete mirando las sugerencias que retornará el archivo «search.php» que podría capturar de una base de datos los registros.
También podemos coger las sugerencias de un array en local de la siguiente forma:
$("#suggest").autocomplete(["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "pearl"], {
width: 320,
max: 4,
highlight: false,
multiple: true,
multipleSeparator: " ",
scroll: true,
scrollHeight: 300
});
En nuestro <body> pondríamos un campo de texto como el siguiente dentro de nuestro formulario:
<input type="text" id="suggest" />
Puedes ver documentación del plugin.
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
121 artículos que te podrían interesar
Ver más sobre
Deja una respuesta