Bootstrap tagsinput添加id和值的标签

Man*_*kla 13 jquery bootstrap-tags-input

我正在使用Bootstrap Tags Input

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

$('.div-tag').tagsinput('add', 'vino');
Run Code Online (Sandbox Code Playgroud)

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

$('.div-tag').tagsinput('add', { id: 1, text: 'some tag' });
Run Code Online (Sandbox Code Playgroud)

我收到错误:

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

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

Man*_*kla 17

初始化标签输入,如

 $('.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
    });
Run Code Online (Sandbox Code Playgroud)

添加动态标记

$('.div-tag').tagsinput('add', { id: 'tag id', label: 'tag lable' });
Run Code Online (Sandbox Code Playgroud)

而已;


小智 12

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

<input class="div-tag" />
Run Code Online (Sandbox Code Playgroud)


siv*_*ann 6

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

  • @BaummitAugen:我不是在暗示其他一些lib,我建议不要使用这个,因为它已被打破.它是.我可以删除具体的建议,但我认为这有帮助.它会帮助我.包括来自其他lib的演示将超出范围. (3认同)