Select2＆Ajax - select2 + ajax +複数オプションを使用した値のロード

Question

select2コンポーネントで情報を表示しようとしていますが、100％動作しません。

は、検索のいくつかの時間後、私はそれをしなかった：それで

<div class="row"> 
     <div class="col-md-12"> 
      {!! Form::label('lblRequisitos', 'Selecione os Requisitos') !!} 
      {!! Form::select('requisitos[]', $requisitosVaga, null, ['id'=>'requisito', 'class'=>'form-control js-states', 'multiple' => 'multiple']) !!} 
     </div> 
    </div> 

@push('scripts') 
<script> 
    $(function() 
    { 
     $('#requisito').select2(
     { 
      placeholder: "Escolha a habilidade...", 
      minimumInputLength: 2, 
      ajax: 
      { 
       url: '{{route('pesquisa-habilidade')}}', 
       dataType: 'json', 
       data: function (params) 
       { 
        return {q: $.trim(params.term)}; 
       }, 
       processResults: function (data) { 
        return { 
         results: data 
        }; 
       }, 
       cache: true 
      }, 
      initSelection : function (element, callback) { 
       var data = []; 
       $(element).find("option").each(function() { 
        data.push({id: $(this).val(), text: $(this).text()}); 
       }); 
       callback(data); 
      } 
     }); 
    }); 
</script> 
@endpush 

は、初期負荷はokです。しかし、次の値を検索しようとすると（編集しようとすると）、すべてのオプションが消去されます。

Answer 1

おそらく、それは最善の解決策ではありませんが、私はそれを修正します。それは100％に働いて、今

//.... At select2 function ... 

initSelection : function (element, callback) { 
      var data = []; 
      $(element).find("option").each(function() { 
       data.push({id: $(this).val(), text: $(this).text()}); 

       // ADD this line to put the option selected 
       $(this).prop('selected', true); 
      }); 
      callback(data); 
     } 
// .... 

：

のみフォロー行を追加します。

誰かが優れたソリューションを持っていますか？