没有页面刷新，数据不会附加到 Dropdown？

Question

大家好，我遇到了一个奇怪的问题，我正在附加来自 jquery（fSlect 插件）Plugin link

的下拉数据

这是我在html

中的select

<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();
    });

}

每当我尝试调用 Preload7() 函数时都不会刷新页面数据不会附加到下拉列表中，如果我删除 fSelect 插件那么它将正常工作（如果我刷新页面那么它将附加数据fSelect also) 我想要这个而不刷新页面，

如您所见，当我第一次加载我的应用程序时，数据已正确附加到选项和 fSelect 中 DOM，

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

因此下拉菜单中只显示了 3 个选项

请告诉我如何在不刷新页面的情况下完成此操作，我在上面浪费了 3 天时间，但我做不到？

Answer 1

该插件有一些公开的API函数，例如create、reload、destroy

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

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

备用解决方案，

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

希望这对您有所帮助。

没有页面刷新，数据不会附加到 Dropdown？

Data is not appending to Dropdown without page refresh?

html

javascript

jquery

jquery-plugins