ブートストラップタグの選択入力にデフォルト値を追加する方法は？

Question

私はBootstrap tag pluginを使用していると私は正常にこのコードを使用して、それにいくつかのタグを追加する：タグが正常に

追加され

$(function() {    
       var data = [{"id":"1","value":"painting-works"},{"id":"2","value":"plumbing-works"},{"id":"3","value":"programming"}];  
       var states = new Bloodhound({ 
        datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'), 
        queryTokenizer: Bloodhound.tokenizers.whitespace, 
        local: data 
       }); 
       states.initialize(); 
       $("#tags").tagsinput({ 
        itemValue: 'id', 
        itemText: 'value', 
        allowDuplicates: false, 
        maxTags: 1,  
        typeaheadjs: { 
         name: "states", 
         displayKey: 'value', 
         source: states.ttAdapter(), 
        }, 
        freeInput: true 
       }); 
}); 

と入力要素が

<select placeholder="" class="bootstrap-tagsinput" id="tags"></select> 

です

しかし、私が望むのは、このようなページがロードされたときに入力要素にデフォルト値を追加することです。

私はこのコード

$('#tags').tagsinput('add', 'new'); 

を試してみましたが、それは唯一の新しいタグ を追加し、私はjQueryの

$('#tags').val("painting-works"); 

を使用しようとしましたが、それは動作しませんでした、私は何をすべき？ないなぜあなたはここに

$('#tags').tagsinput('add', {"id":"1","value":"painting-works"}); 

ページの負荷にtagsInputにオブジェクトのいずれかを渡す必要があるので、あなたは、データとしてのオブジェクトの配列を使用していることを

Answer 1

お知らせソリューション