ブートストラップタグ

Question

Imの後に自動クリアカスタム値bootstrap-tagsinputを使用しています。以下のコードはうまくいきますが、私はjsonから存在しない特定の入力値を自動消去したいと思います。ユーザーはカスタム値を送信できないタグからのみ選択する必要があります。私も "freeInput：false"を使用しましたが、それでもフロントエンドに値を表示します。これを解決するために私を助けてください。

のjQuery

var languages = new Bloodhound({ 
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name') 
, queryTokenizer: Bloodhound.tokenizers.whitespace 
, prefetch: './assets/languages.json' 
}); 
languages.initialize(); 
$('#inputtag').tagsinput({ 
freeInput: false 
, typeaheadjs: { 
    name: 'id' 
    , displayKey: 'name' 
    , valueKey: 'name' 
    , limit: 10 
    , source: languages.ttAdapter() 
} 
}); 

HTML

<input type="text" data-role="tagsinput" id="inputtag" value="" name="language[]" required data-msg-required="Please enter your language" multiple class="form-control tag"> 

Answer 1

これはあなたを助けるかもしれない、コードの下に試してみてください。

var languages = new Bloodhound({ 
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name') 
, queryTokenizer: Bloodhound.tokenizers.whitespace 
, prefetch: './assets/languages.json' 
}); 

languages.initialize(); 
$('#inputtag').tagsinput({ 
freeInput: false 
, addOnBlur : false 
, typeaheadjs: { 
    name: 'id' 
    , displayKey: 'name' 
    , valueKey: 'name' 
    , source: languages.ttAdapter() 
    } 
}); 

$('#inputtag').tagsinput('input').blur(function() { 
    $(this).val(''); 
}); 

この作品github