Biblioteca de autocompletado dinámico básico-PC-AutoCompletion. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: ikhwanh
Views Total: 661
Sitio oficial: Ir a la web
Actualizado: September 26, 2018
Licencia: MIT

Vista prévia

Biblioteca de autocompletado dinámico básico-PC-AutoCompletion. js

Descripción

PC-AutoCompletion. js es un pequeño complemento de autocompletado de JavaScript que funciona con campo de texto y admite la representación dinámica de datos.

Funcionamiento

Cree un campo de entrada en la Página Web.

<input placeholder="Type Something" id="example" type="text">

Cree una matriz de objetos JS que tienen pares clave-valor para las sugerencias.

var myDare = new Array({


id: 1,


name: 'Banana',


price: 4000
}, {


id: 2,


name: 'Grape',


price: 12000
}, {


id: 3,


name: 'Durian',


price: 25000
}, {


id: 4,


name: 'Coconut',


price: 10000
},{


id: 5,


name: 'Apel',


price: 7500
},{


id: 6,


name: 'Apel Premium',


price: 15000
},{


id: 7,


name: 'Rambutan',


price: 8500
});

Inicializar la biblioteca PC-autocompletado y listo.

new PCAutoCompletion({


id: 'example',


itemList: myData,


showElement: 'name'
}

Te puede interesar: