Select2 4.xのカスタムユーザーオプション入力？

Question

tagsモードを使用せずに、Select2にカスタムユーザー入力を追加する方法があります。

これは、インラインブロックの小さなタグを使用せずに、選択スタイルを保存したカスタム選択入力を作成することです。

は、私も私の問題への解決策に達してから私を妨げ話題コードのうち、AJAXや他のを使用して回答の多くを発見しました。

Answer 1

この機能を実装する簡単な方法があります：

フィドル（2016年10月29日）の作業

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

---

：

$("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>

を