Bootstrap tagsinput添加id和值的标签

我正在使用Bootstrap标签输入

我正在尝试动态添加标签。

$('.div-tag').tagsinput('add', 'vino'); 

上面的代码工作正常，但是当我尝试以下代码时：

 $('.div-tag').tagsinput('add', { id: 1, text: 'some tag' }); 

我收到错误：

Uncaught Can't add objects when itemValue option is not set

请帮我添加id和值的标签。

Answer 1

初始化标签输入就像

  $('.div-tag').tagsinput({ allowDuplicates: false, itemValue: 'id', // this will be used to set id of tag itemText: 'label' // this will be used to set text of tag }); 

添加动态标记

 $('.div-tag').tagsinput('add', { id: 'tag id', label: 'tag lable' }); 

而已;

Answer 2

我花了几个小时才发现，只有在你的数据中删除data-role =“tagsinput”时才能正常工作

Answer 3

这个库坏了，不要打扰。 接受的答案不适用于0.8版。 经过1小时的尝试，我建议切换到另一个库，我使用tagEditor ，在第一次尝试时一切正常。

Answer 4

该库没有任何问题，但是当您收到此错误时，表示方法初始化存在问题。

尝试在页面准备就绪时这样做：

 $(document).ready(function(){ $('#myInput').tagsinput({ allowDuplicates: false, itemValue: 'id', itemText: 'label' }); }); $(".someButton").click(function(){ $('#myInput').tagsinput('add', {id:1, label:"blah blah"}); } 

Answer 5

请尝试这样：

 
 
 
Solutions that you need!
 More info