Benutzerdefinierte Benutzeroption in Select2 4.x eingegeben?

Question

Es gibt eine Möglichkeit, eine benutzerdefinierte Benutzereingabe in Select2 hinzuzufügen, ohne den Modus tags zu verwenden.

Dies ist, erstellen Sie einen benutzerdefinierten Select-Eingang unter Beibehaltung der Select-Stil, ohne dass Inline-Block kleine Tags.

Ich fand auch eine Menge Antworten AJAX und andere aus Thema Code, den ich daran gehindert, eine zu meinem Problem Lösung zu erreichen.

Answer 1

Es gibt eine einfache Möglichkeit, diese Funktionalität zu implementieren:

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

---

Arbeits Geige (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>