web-dev-qa-db-ja.com

Bootstrap tagsinputタグとIDと値

私は Bootstrap Tags Input を使用しています

タグを動的に追加しようとしています。

$('.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と値のタグを追加するのを手伝ってください。

jquerybootstrap-tags-input
13
Manish Shukla

次のようにタグ入力を初期化する

 $('.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' });

それでおしまい;

17
Manish Shukla

上記のdata-role = "tagsinput"が削除された場合にのみ機能することを確認するために数時間を費やしました

<input class="div-tag" />
12
Artemis909

このライブラリは壊れています。気にしないでください。受け入れられた回答はバージョン0.8では機能しません。いくつかのことを1時間試行した後、別のライブラリに切り替えることをお勧めします。 tagEditor を使用しましたが、すべてが1回目の試行で機能しました。

6
sivann

ライブラリに問題はありませんが、このエラーが発生した場合は、メソッドの初期化に問題があることを意味しています。

次のようにページの準備ができたらそれを試してください：

$(document).ready(function(){
   $('#myInput').tagsinput({
       allowDuplicates: false,
       itemValue: 'id',
       itemText: 'label'
    });
});

$(".someButton").click(function(){
   $('#myInput').tagsinput('add', {id:1, label:"blah blah"});
}
1
molham556