2016-10-29 1 views
0

tags 모드를 사용하지 않고 Select2에 사용자 지정 사용자 입력을 추가하는 방법이 있습니다.Select2 4.x에서 사용자 정의 사용자 옵션 입력?

이것은 인라인 블록 작은 태그없이 선택 스타일을 유지하는 사용자 정의 선택 입력을 만드는 것입니다.

나는 또한 나의 문제에 대한 솔루션에 도달에서 저를 방지 주제 코드에서 AJAX 및 기타 를 사용하여 답변을 많이 발견했다.

답변

1

이 기능을 구현하는 쉬운 방법이있다 :

tags: true // let users input his/her own value 
multiple: false // forces the select to keep a true select style 

작업 바이올린 (2016년 10월 29일) :

$("select").select2({ 
 
    multiple: false, 
 
    tags: true 
 
});
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> 
 

 
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> 
 

 
<p> 
 
    <a href="https://jsfiddle.net/odahcam/q096tskj/4/">Original Fiddle by @odahcam</a> 
 
</p> 
 

 
<select style="width:100%"> 
 
    <option>story</option> 
 
    <option>bug</option> 
 
    <option>task</option> 
 
</select>