Bootstrap Tags Input is a jQuery plugin providing a Twitter Bootstrap user interface for managing tags.

Examples can be found here.

• Objects as tags
• True multi value
• Typeahead
• Designed for Bootstrap 2.3.2 and 3

Not just support for using strings! This means you can use different values for a tag's label and value. Each tag also holds a reference to the object by which it was created, so by calling tagsinput('items') an array of the original items is returned.

Other implementations just concatenate the values to a comma separated string. This results in val() returning just this string, and when submitting the form, only one big, concatenated value is sent in the request.

Bootstrap Tags Input provides true multivalue support. Just use a <select multiple /> as your input element, and val() will return an array of the tag values. When submitting the form, an array of values will be sent with the request.

Integrates with Twitter Bootstraps' 2.3.2 typeahead, or use custom typeahead when using Bootstrap 3.

Install dependencies:

npm install
bower install

Test:

grunt test

Build:

grunt build

• 0.5
  • Added an optional 3rd parameter to the "add" and "remove" methods
• 0.4
  • Fix typeahead when using Bootstrap 3
• 0.3.13
  • #5: Trigger events on original input/select
  • Loads of fixes merged with help of @janvt, @rlidwka and @kuraga: thanks for helping me out!
• 0.3.9
  • #48: Type ahead stops when entering second character
• 0.3.8
  • #43: Add support for placeholder
  • #46: ie 8 compatibility, replace indexOf method
• 0.3.7
  • #39: flash when duplicate is entered
• 0.3.6
  • #34: Error in ReloadPage
• 0.3.5
  • #10: confirmKeys option
• 0.3.4
  • #24: Add bsTagsInput angular directive & example for bootstrap3 with typeahea...
  • #28: Limit number of tags, enable/disable input
  • #33: Avoid conflict with other selects when checking for value presence

This project is licensed under MIT.