Question

使用Bootstrap 3和Bootstrap-Select插件我试图从数据库加载ajax选择下拉列表的选项。当我从select picker元素中删除select lass时，代码工作正常但是对于那个类（需要使用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

代码中存在多个错误。

您尚未在data-type中提及回复$.post。是回复数据"JSON"还是"html"等？
在选择框中通过AJAX填充值后，您必须刷新它。代码：
```
$('#arearesults').selectpicker("refresh");
```

Answer 2

这个解决方案对我有用

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

加载Bootstrap的问题通过Ajax Post选择选项

2 个答案: