用數據重新生成select2而不會丟失選定的索引

Question

我的頁面上有很多select2項目，它們都填滿了項目。

我從模態中添加新數據，模態關閉後，我用新數據重新填充所有select2。我發現select2失去了選定的價值！

這是我使用的代碼：

$.get(callPath, { }, function(dataDropDown) { 

      $('.'+ refInput).each(function(){           
        $(this).html(dataDropDown); 
        $(this).trigger("change"); 
      }); 

      // $("'" + refInput + "'").html(dataDropDown); 
     }) 

我要重新填充的元素又不失選定值

Answer 1

$.get(callPath, { }, function(dataDropDown) { 

     $('.'+ refInput).each(function(){ 
      // get current value: 
      var selected = $(this).select2('val');      
       $(this).html(dataDropDown); 
       $(this).trigger("change"); 
      // set it after repopulate: 
      $(this).select2('val', selected); 
    }); 
}) 

Answer 2

您可以在Ajax請求函數傳遞選定值。事情是這樣的：

var selectedId = $('#myselect').val(); 
$.get(callPath, { }, function(dataDropDown, selectedId) { 

     $('.'+ refInput).each(function(){           
       $(this).html(dataDropDown); 
       $(this).trigger("change"); 
     }); 
     $('#myselect').val(selectedId); 

     // $("'" + refInput + "'").html(dataDropDown); 
    })