jQuery/Select2 : 태그/토큰의 빈 기본 드롭 다운을 제거하는 방법

Question

jQuery Select2 플러그인을 사용하여 입력 필드 (출처 : http://ivaynberg.github.io/select2/)에 태그 지정 지원을 추가합니다.

모든 것이 정상적으로 작동하지만 내 유일한 문제는 태그를 입력 할 때 입력 아래에 항상 한 줄 기본 드롭 다운이 표시된다는 것입니다.

나는이 드롭 다운에서 선택할 수있는 다른 태그를 미리 설정할 수있는 기능이 있다고 가정합니다. 이 기능을 사용하면 좋지만 필요가 없다면 혼란스러워 보입니다.

tags:[''], 인스턴스화에서 줄을 제거했지만 플러그인이 더 이상 작동하지 않습니다.
누군가 이걸 어떻게 없앨 수 있는지 말해 줄 수 있습니까?

내 HTML 입력 :

<input type="text" class="form-control sel2Tags" id="tags" name="tags" /> 

내 jQuery를 초기화 : 팀, 사전에

$('.sel2Tags').select2({ 
    tags:[''], 
    tokenSeparators: [','], 
    multiple: true 
}); 

많은 감사합니다.

Answer 1

태그 안에 빈 값을 설정하고 있습니다. tags: ['']을 tags:[]으로 변경해야합니다.

이렇게하면 입력 아래에 여전히 No matches found이라는 줄이 생깁니다.

이 줄을 제거하려면 해당 줄을 "숨길"수 있습니다. this issue on GitHub에 따르면 다음을 수행 할 수 있습니다.

<input type="text" class="form-control sel2Tags" id="tags" name="tags" 
    style="width:300px" /> 

<style> 
    .select2-hidden { 
     display:none !important; 
    } 
</style> 

<script> 
    $('.sel2Tags').select2({ 
     tags:[], 
     tokenSeparators: [','], 
     multiple: true, 
     formatNoMatches: function() { 
      return ''; 
     }, 
     dropdownCssClass: 'select2-hidden' 
    }); 
</script>