Select2 удаленный источник на выпадающем поле

Question

У меня есть поле города, где на inlinedit call он будет загружать данные ajax в выпадающем списке. Пожалуйста, проверьте мой код &, дайте мне знать, где я ошибаюсь. Я прочитал select2 documentation

<script type="text/javascript"> 
    jQuery(function($) { 
     $('#city_id').editable({ 
      type: 'select2', 
      name: 'otmp_tx_user_details:city_id', 
      pk:"userdetailid:<?php if($student_info->userdetailid) echo $student_info->userdetailid; else echo "0";?>", 
      ajax: { 
       url: "<?php echo site_url()?>students/get_city_by_country", 
       dataType: 'json', 
       data: function() { 
        return; 
       }, 
       results: function (data) { 
        return {results: data}; 
       } 
      }, 
      url: "<?php echo site_url();?>students/inlineedit", 
      success: function(data) { 
      } 
     }); 
    }); 
</script> 

Вот мои Аякса данные из PHP файла:

$array = array(
       array("id"=>1,text=>"Dhaka"), 
       array("id"=>2,text=>"Pabna") 
); 
echo json_encode($array); 

Пожалуйста, помогите мне решить мою проблему.

Answer 1

Попробуйте оборачивать ваш объект Ajax внутри select2 объекта, например, так:

jQuery(function($) { 
    $('#city_id').editable({ 
     type: 'select2', 
     name: 'otmp_tx_user_details:city_id', 
     pk:"userdetailid:<?php if($student_info->userdetailid) echo $student_info->userdetailid; else echo "0";?>", 
     select2: { 
      ajax: { 
       url: "<?php echo site_url()?>students/get_city_by_country", 
       dataType: 'json', 
       data: function() { 
        return; 
       }, 
       results: function (data) { 
        return {results: data}; 
       } 
      } 
     }, 
     url: "<?php echo site_url();?>students/inlineedit", 
     success: function(data) { 
     } 
    }); 
});