AjaxとPluginを使用してデータベースからデータを選択する方法Select2

Question

私の問題を解決するのを手伝ってください。

$("#kategori_laporan").change(function() { 
     $("#loaderIcon").show(); 
     $("#imgLoader").show(); 
     var id = $(this).val(); 
     $.ajax({ 
      type: "POST", 
      dataType: "html", 
      url: "_views/getAjaxSubKategori.php", 
      data: "id="+id, 
      success: function(data) { 
       $(".select-skategori").select2({ 
        ajax: { 
         url: "_views/getAjaxSubKategori.php", 
         dataType: 'json', 
         data: function(term, page) { 
          search = term.toUpperCase(); 
         }, 
         results: function(datas, page) { 
          return { 
           results: data 
          }; 
         } 
        }, 
         formatResult: function(option) { 
          return "<div>" +option._sub_kategori_laporan+ "</div>"; 
         }, 
         formatSelection: function(option) { 
          return option._sub_kategori_laporan; 
         } 
       }); 
      } 
     }); 
    }); 

データがサブカテゴリ選択に表示されません。前にありがとう！ スクリーンショット>>http://i.imgur.com/FlCeGpo.jpg

Answer 1

select2ボックスを初期化する前に、なぜリクエストを発していますか？ あなたのselect2ボックスがajaxを介して検索結果をリクエストしているため、これを尋ねます。しかし、おそらく理由があります。説明してください。

それから私はあなたのデータは、要求が値idとtextを定義していないjsonajaxから返されたことを、あなたのスクリーンショットで見ることができます。あなたのjson結果に他の値（ '_sub_kategori_id'と '_sub_kategori_laporan'）を使用している場合は、idとtextフィールドは何ですか、select2ボックスに伝える必要があります。ここで説明するように、私はあなたがprocessResults方法でこれを行うことができると思います。

How to load JSON data to use it with select2 plugin