버튼을 통해 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]); 
});