JSON AjaxレスポンスからSelect2を設定する

Question

ajaxを使用してphp/mysqlクエリからselect2入力ボックスにデータを入力しようとしています。

var groups_array = []; 

    $.getJSON('ajax_get_json.php?what=contact_groups', function (data) { 

     $.each(data, function (index) { 
      groups_array.push({ 
       id: data[index].value, 
       text: data[index].text 
      }); 
     }); 

    }); 

$("#contact_groups_select").val(groups_array); 

contact_groups_selectは私SELECT2入力のIDです：

は、ここに私のコードです。

マイJSON AJAXの応答は次のようになります。

[{"value":"12","text":"Brodheadsville"}] 

マイSELECT2はいえ移入されていません。いくつかの助けを得るために十分なコードを提供したいと思っています。ありがとう。あなたはSELECT2方法

$('#contact_groups_select').select2({data: groups_array}); 

Answer 1

はgroups_arrayが取り込まれていないことであるgetJSONのコールバック（）メソッドいる非同期まで。

だから、あなたは、コールバック関数の中にコードを置く必要があります。REPONSEため

var groups_array = []; 

$.getJSON('ajax_get_json.php?what=contact_groups', function (data) { 
    $.each(data, function (index) { 
     groups_array.push({ 
      id: data[index].value, 
      text: data[index].text 
     }); 
    }); 
    // Call val() or select2() method here 
    $("#contact_groups_select").val(groups_array); 
}); 

Answer 2

問題を使用しなければならないという.val()を使用するよりも