jQuery Suggest Tags With Auto Complete Tagging System – jquery.amsify.suggestags

by

In this tutorial I am going to share simple JQuery plugin for input tags with auto complete suggestion. amsify.suggestags.js is a simple jQuery tag suggestion input plugin which converts the default input box into a multi-select, auto-suggesting tagging box. The plugin designed in bootstrap and material design framework.
jquery-suggest-tags


Libraries

Include the following libraries on page you can select design as per your need here i am going to use material design.

HTML

Create a simple input box on the page and specify the pre-selected tags in the value attribute (optional).



JS

Call the plugin to the input box and specify an array for auto suggestions (optional).

$('input[name="planets"]').amsifySuggestags({
		type : 'materialize',
		suggestions: ['Mercury', 'Venus', 'Earth', 'Mars', 'Jupitor', 'Uranus', 'Neptune', 'Pluto']
	});

See live demo and download source code.

DEMO | DOWNLOAD

This awesome plugin is developed by amsify42. Visit their official github repository for more information and follow for future updates.


Published by Rohit