Javascript 将选项附加到引导双重列表

var demo2=$（'#tree_listbox'）。bootstrapDualListbox({
nonSelectedListLabel:“NonSelectedSSS”，
selectedListLabel:“已选”，
moveOnSelect:false，
});
风险值数据=[
{
“id”：194，
“姓名”：“Endüstri Mühendisliği”，
“选定”：真
},
{
“id”：201，
“姓名”：“Bilgisayar Mühendisliği”，
“选定”：false
}
]
$。每个（数据、功能（i、项）{
让$option=$（`${item.name}`）；
$option.prop（'selected'，item.selected）；
demo2.追加（$option）；
});
demo2.trigger（'bootstrapduallistbox.refresh'，true）
添加选项元素后，触发
刷新
功能，并将
触发器
的第二个参数设置为
真
以取消选择所有突出显示

$('#selected_item').val(id);
$.getJSON("/admin/ISIM/Get_Tree", {Mngid:Mngid,item_id:id},function (data) {
  $('#tree_listbox').empty();

  $.each(data, function(i, item) {
    let $option = $(`<option value="${item.id}">${item.name}</option>`);
    $option.prop('selected', item.selected);
    demo2.append($option);
  });

  demo2.bootstrapDualListbox('refresh', true);
});

$（'#所选项目'）.val（id）；
$.getJSON（“/admin/ISIM/Get_Tree”，{Mngid:Mngid，item_id:id}，函数（数据）{
$（'#tree_listbox'）.empty（）；
$。每个（数据、功能（i、项）{
让$option=$（`${item.name}`）；
$option.prop（'selected'，item.selected）；
demo2.追加（$option）；
});
demo2.bootstrapDualListbox（'refresh'，true）；
});
哪里定义了
demo2
？@EmielZuurbier我更新了我的代码非常感谢，实际上它工作得很好，但并不完美，因为当我加载数据时，我在选中和未选中的框中都得到了空列表，直到我单击其中一个移动按钮，然后元素出现，另一个问题是我无法逐个移动，当我选择一个元素并尝试将其移动到另一个列表时，它将移动所有元素，谢谢\可能刷新没有触发。我尝试了另一种变体，并将其放在循环之后。如果这不尝试构建一个代码段，我们可以自己运行它来运行代码。任何其他问题都应该被视为一个新问题，需要一个新的帖子。非常感谢，但它仍然不起作用，我试图发布另一个问题，但自动系统检测到我已经发布了它，它拒绝了。我更新了代码，我创建了剪贴的代码，它有一些错误，请检查它