Mit der CreateSearchChoice-Funktion von Select2

Question

Ich versuche, die CreateSearchChoice-Funktion zu verwenden, um Benutzern zu ermöglichen, ihre eigene Auswahl einzugeben, wenn die Standardliste nicht ausreicht. Wenn ich versuche, um diese Funktion zu verwenden, um auf ein <select> Element, bekomme ich folgende Fehlermeldung:

Error: Error: Option 'createSearchChoice' is not allowed for Select2 when attached to a <select> element.

ich stattdessen ein <input type='hidden'> Element versucht, mit, aber jetzt die folgende Fehlermeldung erhalten:

Error: uncaught exception: query function not defined for Select2 'MyInputName'

Ich würde es vorziehen, das Element select zu verwenden, um mit dem vorhandenen Code übereinzustimmen (muss die Möglichkeit haben, mehrere Optionen auszuwählen), aber nur die Möglichkeit für Benutzer, ihre eigene Option zusätzlich zur Auswahl aus einer vorherigen Liste einzugeben.

Answer 1

Oh Gott, wie storniere ich diese Prämie. Ich geriet in Panik und aufgrund der Panik konnte ich beantworten, was wir beide suchten:

Sie können nicht createSearchChoice auf einem select verwenden. Sie müssen also stattdessen einen input verwenden.

<input type="hidden" id="category"> 

Das Update ist die query Parameter zu verwenden:

$("#category").select2({query:function(query){ 
    var data = {results: []}; 
    data.results.push({text: query.term}); 
    query.callback(data); 
}}); 

Was das bedeutet ist die aktuelle Laufzeit der Optionen hinzufügen, wenn er nicht da ist. Sie können wie so die results Objekt füllen:

var data = {results: [{text:'math'},{text:'science'}]}; 

Dies löste mein Problem so dass ich hoffe, dass es Ihnen gelöst. Ich denke, wir sollten mehr über die documentation lesen.

Answer 2

Ich hatte dieses Problem und es war wegen Aufruf select2 auf dem gleichen Feld zweimal