jquery - 通过 Ajax 发布加载 Bootstrap 选择选项

Question

使用 Bootstrap 3 和 Bootstrap-Select 插件，我正在尝试通过 ajax 从数据库中加载下拉选择的选项。

当我select picker从元素中删除类时，代码运行良好，select但使用该类（使用 Bootstrap 选择需要）它没有加载任何选项。

 <select id="arearesults" class="selectpicker" data-live-search="true">
    <option value="select">Select From The List</option>
 </select>

$('.btn-group .btn').click(function(){
    $.post(
    'con/animalList.php',
    { selType : this.id },
    function(data)
                {
                  $('#arearesults').html(data);
                }
    );
});

我已经测试了 Bootstrap 选择插件，它也在独立模式下工作（硬编码）。我该如何解决这个问题？

Answer 1

您的代码中有多个错误。

1. 您没有data-type在$.post. 是响应数据"JSON"还是"html"等？

2. 在选择框中通过 AJAX 填充值后，您必须刷新它。代码：

   $('#arearesults').selectpicker("refresh");
   

Answer 2

这个解决方案对我有用

  $('.selectpicker').selectpicker({});