Selectpicker 无法使用下拉列表刷新

Question

我正在使用下面的代码，我的问题是当我第一次 select 时，位置列表没有加载。当我 select 第二个项目时，子列表中的第一个项目被填充。如果我 select 第三，那么第二个子项目就会被填充。

我确定我在某个地方犯了一个愚蠢的错误。

<div class="form-group">
  <div class="row">
    <div class="col-xs-12 col-sm-5 col-md-5">
      <label for="">SELECT CLIENT</label>
      <select type="search" id="myarray" class="select2-select req selectpicker form-control" data-required="1" data-max-options="1" data-live-search="true" multiple="" name="myarray[]" title="Select a Client">
        <?php echo $Clients; ?>
      </select>
    </div>
  </div>
</div>

<script>
  jQuery(".select2-select").change(function() {
    var selected = $(this).val();
    $(".selectpicker").selectpicker();
    $.ajax({
      url: "<?php echo base_url(); ?>login/getDataFromLocation",
      data: {
        type: 'select',
        selected: selected
      },
      type: 'post',
      success: function(output) {
        if (output) {
          //$('#append').append(output);
          $(".selectpicker").selectpicker();
          $('#multiple').selectpicker('refresh').empty().append(output);
        }
      }
    });

  });
</script>

<div class="form-group">
  <div class="row">
    <div class="form-group col-md-5">
      <label for="multiple">LOCATION</label>
      <select id="multiple" class="form-control req selectpicker select2-select" data-required="1" name="Location[]" title="Select a Location" multiple></select>
    </div>
  </div>
</div>

Answer 1

问题已解决，问题是刷新列表中的值。

$("#creatives").selectpicker('refresh').empty().append(output).selectpicker('refresh').trigger('change');

使用.trigger('change') 在这里非常感谢大家的意见。

Selectpicker 无法使用下拉列表刷新

Selectpicker Is Not Working with Refresh with Drop-Down List

bootstrap-selectpicker