Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Add delete icons to each word in text input field Reply To: Add delete icons to each word in text input field

#242438
rkieru
Participant

The mechanism to which you are referring is called “Token Input” and there are quite an array of JavaScript solutions. Here are two jQuery solutions to get you started:

jQuery Tokeninput
A jQuery Tokenizing Autocomplete Text Entry
http://loopj.com/jquery-tokeninput/

Tokenfield for Bootstrap
Advanced tagging/tokenizing plugin for jQuery and Twitter Bootstrap with a focus on keyboard and copy-paste support.
http://sliptree.github.io/bootstrap-tokenfield/

Keep in mind that Token Inputs require some sort of dataset from which to pull results. If your goal is to use this for a keyword search it may be a bit too niche.