多选-已加载后重新初始化数据

Question

我有一个使用“快速选择”插件的多重选择框。我正在通过Ajax调用加载数据，并且选项加载良好。当我尝试刷新呼叫以获取新数据时，不会删除任何项目，也不会添加任何新项目。我可以看到Ajax调用成功，并且它们返回新数据没有问题。

就好像数据在那里一样，它既不会通过代码删除项目，也不会添加新项目。关于我能做什么的任何想法？

这是第一次成功填充列表的函数：

        function FillMachines() {
        let dropdown = $('#RptProductionStatusParam_Machine');
        var jobNum = $('#RptProductionStatusParam_JobDropDown').val();
        dropdown.prop('selectedIndex', 0);
        const url = '/Reports/GetMachinesByJob';
        $.getJSON(url,
            {
                jobNum: jobNum
            },
            function (data) {
            $.each(data, function (key, machine) {
                dropdown.append($('<option></option>').attr('value', machine.Id).text(machine.LocationName));
            })
        });
    }

这是我创建多重选择的方式：

@Html.DropDownListFor(x => x.RptProductionStatusParam.Machine, new List<SelectListItem>(), new { @class = "multipleSelect", @multiple = "multiple"})