如何通過點擊按鈕將數據添加到MagicSuggest輸入

Question

我在表單中使用MagicSuggest 。該插件工作良好，但我想要通過點擊按鈕添加數據的功能。

這是我在下面試過的，它向它添加了數據，但是如果我點擊輸入，數據就會消失。

HTML

<div class="qa-suggested-profiles"> 
    <a href="#/" data-name="John Doe" class="btn btn-sm tag-profile-btn">Add this profile</a> 
</div> 

JS

$('.qa-suggested-profiles').on('click', '.btn', function(){ 
    var profileName = $(this).data('name'); 
    $('#tag-business .ms-sel-ctn').prepend('<div class="ms-sel-item ">' + profileName + '<span class="ms-close-btn"></span></div>'); 
    $('#tag-business .ms-sel-ctn input').attr('placeholder', '').width('auto'); 
    $('#tag-business .ms-sel-ctn div').prepend('<input type="hidden" value="1">'); 
}); 

Answer 1

我發現了完成此任務的文檔中的東西。轉到http://nicolasbize.com/magicsuggest/doc.html和搜索setValue([array] ids)見下面的例子：

var ms = $('#ms-setValue').magicSuggest({ 
    data: 'data.json' 
}); 
ms.setValue([2, 3, 4]); 

下面是最後的代碼我用，我還添加了removeFromSelection清除每個按鈕上點擊選擇

$('.qa-suggested-profiles').on('click', '.btn', function(){ 
    var profileName = $(this).data('name'); 
    var ms = $('#tag-business').magicSuggest({ 
     data: '/data/business-profiles.json' 
    }); 
    // remove current value 
    ms.removeFromSelection(ms.getSelection(), true); 
    // add selected value 
    ms.setValue([profileName]); 
});