Clever jQuery tags solution – the jQuery masterblaster plugin
|Masterblaster is a simple jQuery tags plugin, that turn text input into adding tags UI.
Masterblaster – the jQuery tags plugin
It’s a simple and nice tag management plugin. Creates nice of UI for this purpose. User can operate on this UI and tags by mouse and keyboard.
We can easy adjust the appearance of the plugin elements, as well handle events and manage tags at the level of JavaScript code.

Basic usage
var $mb = $("#masterblaster-input"); $mb.masterblaster( { tagRules: { unique: true, minLength: 3 } }); // add tags @ code level $mb.masterblaster( "push", "tag 1" ); $mb.masterblaster( "push", "tag 2" ); // callbacks / events $mb.on( "mb:add", function( e, tagName ) { console.info( "Added: " + tagName ); }); $mb.on( "mb:remove", function( e, tagName ) { console.info( "Removed: " + tagName ); });
Docs & demos:
http://aef-.github.io/jquery.masterblaster
Get jQuery tags plugin from GitHub:
https://github.com/aef-/jquery.masterblaster
You may also like:
Checkboxradio – jQuery checkbox replacement plugin
jQuery stackoverflow voting widget – Upvote
Enjoy!