当我尝试手动选择选项时，Boostrap多选创建重复元素

如何解决当我尝试手动选择选项时，Boostrap多选创建重复元素

$(".multi-NewDegree").multiselect({
        includeselectAllOption: false,nonSelectedText: 'Select'
}); 

在这里，我正在使用bootstrap-multiselect来加载带有复选框选项的multiselect。所选选项的值来自后端，并尝试使用以下代码进行选择

$(this).closest('tr').find('.multi-NewDegree').multiselect('select',newdegreeselected[i].trim());

它有助于选择数组 newdegreeselected [i] 中的选项作为多选选项。

但是在第一次加载后，我试图通过单击诸如分页之类的按钮时使用局部视图ajax调用来将多行追加到新行中。并且还尝试从该multiselect的后端加载选定的值（使用上面的相同代码，但在ajax调用之后的另一个位置）。但这一次它正在创建重复的多重选择元素（2个多重选择，其中一个具有通过使用上面的代码选择的选定值，另一个是相同的多重选择的精确重复，但没有选定的选项）

下面，我附上该问题的屏幕截图。第一行指示正确选择选项的表行（第一页加载），但第二行指示当我尝试使用ajax调用通过局部视图追加时的问题。

图书馆： http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js

在通过单击按钮追加部分视图时，我需要避免重复的multiselect元素。