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

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

代码中存在多个错误.

1. 你没有提到的反应data-type中$.post.是响应数据"JSON"还是"html"等等？

2. 在选择框中通过AJAX填充值后,您必须刷新它.码:

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