Javascript 自动检查jQuery Multiselect中保存的数据

我使用这个jquerymultiselect插件将所有在中启用了多属性的选择框转换为带有复选框的下拉框。 我从数据库加载选择框中的选项。 提交表单时，我可以保存多个选定的数据，但当我从数据库检索数据时，我无法通过选中匹配的复选框将保存的数据显示在“多选”框中

multiselect插件有一个

loadOptions

方法，但使用该方法，我必须生成包含选项名称、选项值和检查状态的所有选项数据，并将其设置为multiselect插件。如果我有一个必须在multiple select插件中检查/选择的数据数组，我如何轻松做到这一点

HTML

<select name="abc" id="abc" multiple title="Test Number?">
    <option value="1">Test 1</option>
    <option value="2">Test 2</option>
    <option value="3">Test 3</option>
    <option value="4">Test 4</option>
    <option value="5">Test 5</option>
</select>

我保存的数据数组是

[1,3,4]

我需要将这些保存的数据设置到选择框并选中复选框，而无需通过

loadOptions

方法。

在初始化

multiselect

插件之前，您可以在

select

选项上使用jQuery函数来预选所需的数据

这里,

$('option',this).filter((_,e) => saved_data.includes(+e.value)).prop('selected',true);

在调用

.multiselect（）

之前预选每个选项

让保存的_数据=[1,3,4]；
$（“选择[多个]）。每个（函数（）{
$（'option'，this）.filter（（u，e）=>保存的_数据。包括（+e.value））.prop（'selected'，true）；
$（此）。多选({
文本：{
占位符：$（this.attr（“标题”）
}
});
});

测试1
测试2
测试3
测试4
测试5
如果选项选择了
属性
是否不起作用？你能为此创建一个工作环境吗？
$('option',this).filter((_,e) => saved_data.includes(+e.value)).prop('selected',true);