Wie Daten an select2 Version übergeben werden> 4.0

Question

Ich versuche select2 zum ersten Mal zu verwenden.

Ich möchte meine Daten aus einem statischen Array haben. Kannst du mir bitte helfen?

Hier ist mein Code:

$(document).ready(function() { 

    var names = [{"id":"1","name":"Adair,James"} 
      , {"id":"2","name":"Anderson,Peter"} 
      , {"id":"3","name":"Armstrong,Ryan"}]; 

    $("#e10_2").select2({ 
     processResults: function(){ 
      return { 
      results: $.map(names, function(obj) { 
       return { id: obj.id, text: obj.name }; 
      }) 
      }; 
     } 
    }); 

}); 

Answer 1

Sie data Option könnte ein Array an die select2 als weitergeben müssen:

$("#e10_2").select2({ data: names }); 

Wenn Sie nicht text können als Attribut Array anpassen Überprüfen Sie den Teil der Dokumentation für diesen Zweck The id and text properties are strictly enforced, zB:

$(function() { 
    var names = [{"id":"1","name":"Adair James"} 
       , {"id":"2","name":"Anderson Peter"} 
       , {"id":"3","name":"Armstrong Ryan"}]; 

    var data = $.map(names, function (obj) { 
     obj.id = obj.id; 
     obj.text = obj.name; 

     return obj; 
    }); 

    $("select").select2({width: '100%',data: data}); 
}); 

Hoffe das hilft.

$(function() { 
 
    var names = [{"id":"1","name":"Adair James"} 
 
       , {"id":"2","name":"Anderson Peter"} 
 
       , {"id":"3","name":"Armstrong Ryan"}]; 
 

 
    var data = $.map(names, function (obj) { 
 
    obj.id = obj.id; 
 
    obj.text = obj.name; 
 

 
    return obj; 
 
    }); 
 

 
    $("select").select2({width: '100%',data: data}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://select2.github.io/dist/js/select2.full.js"></script> 
 
<link href="https://select2.github.io/dist/css/select2.min.css" rel="stylesheet"/> 
 
<select></select>