EasyAutocomplete - example

JQuery autocomplete plugin.

EasyAutomplete plugin can be used to display list of links, where each suggestion is an anchor link to specific website.




Javascript:

var options = {
    url: "resources/page-navigation.json",

    getValue: "text",

    template: {
        type: "links",
        fields: {
            link: "website-link"
        }
    },

    theme: "plate-dark"
};

$("#example-links").easyAutocomplete(options);

HTML:

<input id="example-links"/>

page-navigation.json

[
  {
    "text": "Home",
    "website-link": "http://easyautocomplete.com/"
  },
  {
    "text": "Guide",
    "website-link": "http://easyautocomplete.com/guide"
  },
  {
    "text": "Themes",
    "website-link": "http://easyautocomplete.com/themes"
  },
    ...
]