select2 버전으로 데이터를 전달하는 방법> 4.0

Question

처음으로 select2을 사용하려고합니다.

정적 배열에서 데이터를 가져오고 싶습니다. 저를 도와주세요? 당신이 text이없는 경우

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

배열을 적용 속성 : 당신은 data 옵션을 사용할 수

$(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

는 select2로가 배열을 통과 : 여기

내 코드입니다 이 목적을 위해 작성된 문서의 부분을 확인하십시오. The id and text properties are strictly enforced 예 :

$(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}); 
}); 

희망이 도움이됩니다.

$(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>