2016-04-14 40 views
0

美好的一天,如何重新填充select2結果

我爲我的項目使用了Select2插件。我用它在收件人文本中的電子郵件功能。一旦用戶輸入一些東西,它會從數據庫中獲取,然後它會在我的select中添加新的選項。我的問題是我如何重新填充select2的結果,而不是顯示沒有結果。

下面是我的html代碼

<div class="form-group" id="div_select2"> 
    <select class="form-control select2" id="select2_email" multiple="multiple" data-placeholder="Select a Group" style="width: 100%;"> 
      <option></option> 
      <option value="group" data-id="1">Pulse Asia Group</option> 
      <option value="group" data-id="2">Unite Group</option> 
      <option value="group" data-id="3">RCBC Group</option> 
    </select> 
</div><!-- /.form-group --> 

及以下

$(document).ready(function(){ 
     $('#div_select2').on('keyup','.select2-search__field',function(){ 
      keyme = $(this); 
      $(this).attr('added','current'); 
      console.log($('#select2-select2_email-results li').eq(0)); 
      if(typeof $('#select2-select2_email-results li').eq(0).attr('id') == 'undefined'){ //select2 no result 
       l = '<option class="added-opt" value="group" data-id="">'+$(this).val()+'</option>'; 
       $('#select2_email').append(l); 
       //i want to trigger the repopulate of results here so the user can choose dynamic results 
       } 
      }); 
     }); 

回答

0

我用AJAX選擇2選擇我的腳本示例。它可以使用ajax方法獲取數據。