Javascript 如果没有页面刷新，数据不会附加到下拉列表？

大家好，我正面临一个奇怪的问题，我正在添加来自jquery（fSlect插件）的下拉数据

这是我在html中的选择

<select name="ownerparm" class="demo" multiple="multiple" id="addownok">
</select>

这是我附加数据选项的函数

function Preload7()
{
    $("#addownok").find('option').remove();
    console.log("i am called preload7");
    $.getJSON("/FrontEnd/resources/getowner", function (jsonData) {
        $.each(jsonData, function (i, j) {

        $("#addownok").append($("<option value="+j.societyOwnerId+"></option>").html(j.socityOwnersNames));

        }); 
        $('#addownok').fSelect();
    });

}

函数预加载7（）
{
$（“#addownok”）.find（'option'）.remove（）；
log（“我被称为7”）；
$.getJSON（“/FrontEnd/resources/getowner”，函数（jsonData）{
$.each（jsonData，function（i，j）{
$（“#addownook”）.append（$（“”）.html（j.socityOwnersNames））；
}); 
$（'#addownok'）.fSelect（）；
});
}

无需刷新页面每当我尝试调用

prelod7（）

函数数据未附加到下拉列表时，如果我删除fSelect插件，那么它将正常工作（如果我刷新页面，那么它也将使用fSelect附加数据），我希望这样做而无需刷新页面

正如您看到的，当我第一次加载应用程序数据时，在option和fSelect DOM中正确地追加了数据，

现在，当我添加另一个所有者时，它不能附加到fSelect DOm

因此，下拉列表中仅显示3个选项

---

请告诉我如何在没有刷新页面的情况下执行此操作我在上面浪费了3天时间，但我无法执行此操作？

该插件有一些公开的API函数，例如

创建
，
重新加载
，
销毁

$('#addownok').fSelect('reload');

应该在更改后重新加载选项，但它也会复制搜索框

替代解决方案

$('#addownok').fSelect('destroy').fSelect('create');

希望这有帮助。
我们能有一个相同的提琴吗？实际上它不能在提琴上显示，简单的是，使用fSelect插件数据不会追加，但当我刷新页面数据时，使用fSelect alsoDid追加数据，你会尝试重新加载它吗<代码>$（'#addownok'）.fSelect（）.reload（）
$（'#addownok'）.fSelect（'reload'）
应该可以工作，但我看到它添加了一个重复的搜索框。另一种方法可以是
$（'#addownok'）。fSelect（'destroy'）。fSelect（'create'）@shakib，你击中目标了！继续回答这个问题……这是给你的小提琴！这真的很有帮助！因为没有关于这方面的适当文件。。如果有的话，一定要分享！我只是浏览了一下这本书。我预感到第118行到第129行是正确的：）。遗憾的是没有详细的文档。谢谢你，这很有帮助！