Javascript 当动态选项值添加到jquery时，下拉设计不正确

我正在使用管理主题：

我使用的是dropdown，我在ajax调用之后通过jquery向dropdown添加选项，但在 加载下拉设计会受到干扰

我已重新初始化下拉列表

  $.each(data.categories,function(index,categories){
                jQuery('.list').append('<option value="'+index+'">'+categories+'</option>');
          });

   $(".list").selectpicker('refresh');

$每个（数据、类别、函数（索引、类别）{
jQuery（'.list'）.append（''+categories+''）；
});
$（“.list”）.selectpicker（'refresh'）；

但它不起作用

输出：

---

您需要添加一个

.trigger（'change'）

---

您需要添加一个

.trigger（'change'）

---

给我们看一些代码并描述出错的地方。@Grumpy:问题是我不能像我添加的代码那样通过ajax添加值后重新初始化下拉列表。给我们看一些代码并描述出错的地方。@Grumpy:问题是我不能像我添加的代码那样通过ajax添加值后重新初始化下拉列表。他为什么要触发change？@MosiaThabo根据定义，

.trigger（）

执行附加到给定事件类型的匹配元素的所有处理程序和行为，从而正确刷新

选择器

。好的，我明白了。酷！谢谢你clarifying@IslamElshobokshy：谢谢，我已经尝试了你的代码，但是在我添加的屏幕截图下拉列表之外添加了选项above@user3653474就我个人而言，我认为这个问题是因为您使用的是类而不是ID。他为什么要触发更改？@MosiaThabo根据定义，

.trigger（）

执行附加到给定事件类型的匹配元素的所有处理程序和行为，从而正确刷新

选择器

。好的，我明白了。酷！谢谢你clarifying@IslamElshobokshy：谢谢，我已经尝试了你的代码，但是在我添加的屏幕截图下拉列表之外添加了选项above@user3653474就我个人而言，我认为这个问题源于这样一个事实：您使用的是类而不是ID。

$(".list").selectpicker('refresh').trigger('change');