Select2.js v4.0: come impostare il valore selezionato predefinito con un'origine dati dell'array locale?

Question

Utilizzando il plug-in select2.js, come impostare il valore selezionato predefinito quando utilizzo i dati di un array locale per l'origine?

per esempio con questo codice

var data_names = [{ 
    id: 0, 
    text: "Henri", 
}, { 
    id: 1, 
    text: "John", 
}, { 
    id: 2, 
    text: "Victor", 
}, { 
    id: 3, 
    text: "Marie", 
}]; 

$('select').select2({ 
    data: data_names, 
}); 

Come id 3 set come predefinito valore selezionato?

Answer 1

$('.select').select2({ 
     data: data_names, 
    }).select2("val",3); 

Answer 2

questo ha funzionato per me con V4.0.3

$('.select').select2({ 
    data: data_names, 
}) 
$('select').val(3); 
$('select').trigger('change.select2'); 

Answer 3

E 'meglio che si invia un altro attributo (selezionato nel mio caso sotto) per selezionare e utilizzarlo per impostare il valore di default. Ho fatto qualcosa di simile qui sotto -

var data_names = [{ 
    id: 0, 
    text: "Henri", 
}, { 
    id: 1, 
    text: "John", 
}, { 
    id: 2, 
    text: "Victor", 
}, { 
    id: 3, 
    text: "Marie", 
    selected: true 
}]; 

poi fare

  $(".select").select2({ 
       data : data_names 
      }); 
      data_names.forEach(function(name){ 
       if(name.selected) { 
        $(".select").select2('val',name.id); 
       } 
      });