javascript - Bootstrap Multiselect - 更新动态更新的菜单

Question

我有两个选择菜单。一个具有 ID 为 department-list 的部门列表，另一个具有 ID 为 team-list。

使用 Bootstrap Multiselect双方。

当有人选择一个部门时，这个 jQuery 被触发

$.ajax({
    type: "POST",
    url: "/getTeamsAll/",
    success: function(data){
        $("#team-list").html(data);
    }
});

因此，在没有插件的情况下，它会按预期工作，但是在有插件的情况下，团队列表不会更新。除了上述之外，我已经尝试使用 .multiselect('rebuild') 和 .multiselect('refresh') 没有运气。有什么建议吗？

Answer 1

在将选项附加到select

后再次调用 Bootstrap 多选函数

$.ajax({
    type: "POST",
    url: "/getTeamsAll/",
    success: function(data){
        $("#team-list").html(data);
        $("#team-list").multiselect('rebuild');
    }
});