Biblioteca JavaScript de autocompletado simple - Complete-me

Vista prévia

Descripción

Complete-me es una sencilla y rápida biblioteca de autocompletar que aparece una lista desplegable de búsqueda de Google con sugerencias predefinidas cuando un campo de entrada se enfoca. Muy ligero, totalmente personalizable y sin dependencias.

Funcionamiento

Cargue el complete-me. CSS en el encabezado de la Página Web.

<link href="complete-me.css" rel="stylesheet">

Cargue el complete-me. js en la parte inferior de la Página Web.

<script src="complete-me.js"></script>

Cree un contenedor DIV como este:

<div id="example"></div>

Prepare los datos de autocompletar.

myData = ["Data 1", "Data 2", "Data 3"];

El código JavaScript para representar un campo de entrada con la funcionalidad de autocompletar dentro del contenedor DIV.

example = new CompleteMe("#example", {

data: myData
});

Todas las opciones de configuración y funciones de devolución de llamada.

example = new CompleteMe("#example", {

placeholder: "Type here...",

noResultsText: "Couldn't find",

canAddNewRecordsText: "Hit <span class=\"cm-key\">enter</span> to add",

fetchingMoreResultsText: "Fetching more results...",

canAddNewRecords: false,

onAdd: noop,

onSelect: noop,

onNoResults: noop,

onFocussed: noop,

onBlurred: noop,

onKeyedDown: noop,

onKeyedUp: noop,

onShowSuggestion: noop,

onClearSuggestion: noop,

onSuggestionSelected: noop,

suggestResult: false,

saveByValue: true
});