Bootstrap Tags Input how to bind function to event itemAdded and itemRemoved?

beratuslu picture beratuslu · Jan 24, 2014 · Viewed 9.1k times · Source

There is no documentation about events on the website, any ideas ?http://timschlechter.github.io/bootstrap-tagsinput/examples/

Answer

davidkonrad picture davidkonrad · Jan 24, 2014

Maybe the author have not had the time to document it yet? :-) But, bootstrap-tags triggers two signifcant events : itemAdded and itemRemoved.

Here is an example you can try out :

markup :

<input type="text" value="Amsterdam,Washington,Sydney,Beijing,Cairo" data-role="tagsinput" placeholder="Add tags" id="tag"/>

event listeners :

$("#tag").on('itemAdded', function(event) {
    console.log('item added : '+event.item);
});
$("#tag").on('itemRemoved', function(event) {
    console.log('item removed : '+event.item);
});

Here you go on your question.