如何重新填充 select2 结果

Question

美好的一天，

我正在为我的项目使用 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
                }
          });
      });

Answer 1

我使用了 select2 ajax 选项。它可以使用 ajax 方法获取数据。

如何重新填充 select2 结果

How to repopulate select2 result

jquery

jquery-select2

select2