https://github.com/pawelczak/EasyAutocomplete

JQuery autocomplete plugin
https://github.com/pawelczak/EasyAutocomplete

Last synced: 3 months ago
JSON representation

JQuery autocomplete plugin

• Host: GitHub
• URL: https://github.com/pawelczak/EasyAutocomplete
• Owner: pawelczak
• License: mit
• Created: 2015-02-22T07:56:44.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2024-03-29T19:15:45.000Z (10 months ago)
• Last Synced: 2024-07-18T14:03:53.060Z (6 months ago)
• Language: JavaScript
• Homepage: http://easyautocomplete.com
• Size: 1.12 MB
• Stars: 729
• Watchers: 55
• Forks: 245
• Open Issues: 291
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt
  • Authors: authors.txt

Awesome Lists containing this project

README

        
# EasyAutocomplete - plugin for jQuery

Jquery autocomplete plugin

![demo](http://easyautocomplete.com/images/EasyAutocomplete.gif)

**EasyAutocomplete** is a highly configurable jquery autocomplete plugin:

 * It supports local and remote data sets (JSON, XML and plain text),

 * Uses **ajax** method calls,

 * Allows to search, sort and match the response phrase,

 * It lets you use a couple of different list templates and even offers you possibility to create your own list template,

 * As one of the best **jquery autocomplete** plugins, EasyAutocomplete supports callback handles, so it can be configured to run functions on specific events,

 * It has a couple of interesting, clean, modern build in css styles (no images requirement).

If you are interested in using this jQuery autocomplete plugin on your site, you can find out more details in the

EasyAutocomplete - jQuery autocomplete - homepage. You can find there full documentation and easy guide on how to use EasyAutocomplete plugin.

## Quick example

Javascript:

```Javascript

var options = {

  url: "location_to_file.json",

  getValue: "name"

};

$("#countries").easyAutocomplete(options);

```

JSON:

```JSON

[

  {"name": "Afghanistan", "code": "AF"},

  {"name": "Aland Islands", "code": "AX"},

  {"name": "Albania", "code": "AL"},

  {"name": "Algeria", "code": "DZ"},

  {"name": "American Samoa", "code": "AS"}

 ]

```

HTML:

```HTML

```

## Demo

There are a couple of examples in folder: `demo`.

## Build

To build project(javascript and css) run:

```

grunt build

```

## File location:

* Distribution files Javascript, CSS are in `dist` folder,

* Source files are in the folder `src`,

* Simple examples, that presents usage of plugin can be found in folder `demo`,

* Tests for the plugin are located in folder `test`.

## Run tests

To execute all unit tests, use:

```

grunt test

```

## License:

Code released under the MIT license.