select2の既存のドロップダウンオプションのいずれかに追加するには？

Question

私はドロップダウン機能をビルドする必要があります。 1.オートコンプリート（特定の既存の値に基づいて） 2.現在のオプションが適切でない場合、全く新しいオプションを追加できます。

私は、select2はオートコンプリート付きドロップダウンの簡単な実装を提供していると私は考えて、私は現在それを使用しています。しかし、2つの問題があります： 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>