动态地将选项从数组添加到jquery multi select

Question

我正在尝试将项目附加到具有复选框的多选项。列表已准备好但没有复选框。这就是场景 我有几个类别列表，如乳制品，蔬菜等。这些列表中的选定项目存储在一个数组中。要从用户获得确认，所选项目将显示在另一个需要动态创建的列表中，类似于下面的列表。但是，列表的编写方式与第二张图像相同。 这是代码

$.each(arr1, function(index, value){         
  $("#mySelect").append($("<option>",{
    value: value,
    text: value
  }));
});

$('mySelect').multipleSelect({
  isOpen: true,
  keepOpen: true
});

选中复选框

多选

Answer 1

这是猜测，我从未使用过多选。但是如果你等到实例化插件，直到内容存在，它可能会起作用。

$.each(arr1, function(index, value){         
  $("#mySelect").append($("<option>",{
    value: value,
    text: value
  }));

  if (index == arr1.length-1) {
    $('mySelect').multipleSelect({
      isOpen: true,
      keepOpen: true
    });
  }
});