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

Question

使用Bootstrap 3和Bootstrap-Select插件，我试图从数据库中加载ajax的select下拉选项。

当我从select picker元素中删除select类但该类（使用Bootstrap select是必需的）不加载任何选项时，该代码可正常工作。

 <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 select插件，它也可以在独立模式下工作（硬编码）。我该如何解决这个问题？

Answer 1

您的代码中有多个错误。

1. 您尚未在data-type中提及响应$.post。响应数据是"JSON"还是"html"等？

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

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

Answer 2

此解决方案对我有用

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