select2의 기존 드롭 다운 옵션 중 하나에 추가하는 방법은 무엇입니까?

Question

사용자가 다음을 수행 할 수있는 드롭 다운 기능을 만들어야합니다. 1. 자동 완성 (특정 기존 값을 기반으로) 2. 현재 옵션이 적합하지 않은 경우 완전히 새로운 옵션을 추가 할 수 있습니다.

나는 select2가 자동 완성 기능과 함께 드롭 다운을 구현하기 쉽고 현재 사용하고 있다고 생각했습니다. 그러나 다음과 같은 두 가지 문제가 있습니다. 1. 현재 드롭 다운 옵션에 작동하지 않는 사용자 정의 텍스트를 추가 할 수 있습니다. 2. 사용자 정의 텍스트로 시작하여 나중에 드롭 다운을 삽입하려면 자동 완성). 그것도 작동하지 않습니다.

자동 완성 기능을 원하는 방식으로 맞춤 설정하는 방법이 있습니까? 이 작업을 수행하는 데 도움이되는 다른 jQuery 기반 대안이 있습니까?

(태그를 사용하여 시도해 보았습니다. 사실이지만 해커이며 실제로 원하는대로 작동하지 않습니다.)

현재 코드 :

<select id="subject" name="subject" class="gwp-combo-box> 
    <option value="option1">Java</option> 
    <option value="option2">javascript</option> 
</select> 

$(".gwp-combo-box").select2({}); //also tried tags: true 

Answer 1

는 다음과 같이인가? 실행

$("#subject").select2({ 
 
    tags: true, 
 
    tokenSeparators: [',', ';'] 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></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> 
 
<select id="subject" name="subject" class="gwp-combo-box" multiple="multiple"> 
 
    <option>Java</option> 
 
    <option>javascript</option> 
 
    <option>jquery ui</option> 
 
</select>