Utilizzo della funzione createSearchChoice di Select2

Question

Sto tentando di utilizzare la funzione createSearchChoice per consentire agli utenti di immettere la propria scelta quando l'elenco predefinito non è sufficiente. Quando si tenta di utilizzare questa funzione su un elemento <select>, ottengo il seguente errore:

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

Ho provato ad utilizzare un elemento <input type='hidden'> invece, ma ora ottenere il seguente errore:

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

Preferirei utilizzare l'elemento select per rimanere in linea con il codice esistente (serve la possibilità di selezionare più opzioni), ma solo la possibilità per gli utenti di inserire la propria opzione oltre a selezionare da un elenco precedente.

Answer 1

Oh Dio, come annullo questa taglia. Mi sono lasciato prendere dal panico e sono stato in grado di rispondere a quello che stavamo cercando:

Non è possibile utilizzare createSearchChoice su un select. Quindi devi usare un input invece.

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

La correzione è quello di utilizzare il parametro query:

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

Quello che fa è aggiungere il termine corrente per le opzioni se non è lì. È possibile popolare l'oggetto results in questo modo:

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

Questo risolto il problema quindi spero che risolto il vostro. Penso che dovremmo leggere di più su documentation.

Answer 2

Ho avuto questo problema ed è stato a causa di chiamare select2 sullo stesso campo due volte