jQuery select2 reformats <select> ma invia l'ID opzione al posto del valore

Question

Sto utilizzando il plug-in jquery select2 per riformattare le mie opzioni di selezione lunghe. Tutto funziona come previsto, tranne quando invio il modulo il valore id viene salvato come valore, anziché il valore (in questo caso lang). Non riesco a capire cosa sto sbagliando.

Ecco cosa lo script appare come:

var langs=[{id:0,lang:'English'}, 
    {id:1,lang:'Afrikaans'}, 
    {id:2,lang:'Albanian'}, 
    {id:3,lang:'Zulu'}]; 

function format(item) { return item.lang; }; 

$("#field_4").select2({ 
        placeholder: "Select your language", 
        data:{ results: langs, text: 'lang' }, 
        formatSelection: format, 
        formatResult: format 
        }); 

Ecco il markup:

<input id="field_4" name="field_4" type="text" class="regular-text " value="3" /> 

Quando annoto il valore di ritorno nella console vedo questo:

{Object} 
    O: Object 
     id: "1" 
     text: "Afrikaans" 

AGGIORNAMENTO: Ho fatto dei progressi su questo. Se aggiungo quanto segue all'oggetto costruttore (per select2) posso salvare i valori corretti (invece dello id). Tuttavia, questo non funziona quando aggiungo allo <select> s che uso AJAX per ottenere le opzioni.

id : function(object) { 
return object.lang; 
} 

Answer 1

ho capito questo con l'aiuto dello sviluppatore: https://github.com/ivaynberg/select2/issues/852#issuecomment-13478644

Insomma, c'è una funzione di callback id: che gestisce la mappatura della ID restituito al valore di ingresso desiderato.