Select2.js v4.0: Wie wird der standardmäßig ausgewählte Wert mit einer lokalen Datenquelle festgelegt?

Question

Mit der Verwendung von select2.js v4 Plugin, wie den Standardwert ausgewählten Wert, wenn ich ein lokales Array Daten für die Quelle verwenden?

zum Beispiel mit diesem Code

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

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

Wie Set-ID 3 als Standardwert ausgewählt?

Answer 1

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

Answer 2

dies war für mich mit V4.0.3

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

Answer 3

Es ist besser, Sie ein anderes Attribut (ausgewählt in meinem Fall unten) wählen und es verwenden, um den Standardwert gesetzt senden. Ich habe so etwas wie unten -

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

dann tun

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