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

Question

大家好我面临一个奇怪的问题，我在jquery（fSlect Plugin）附加我的drop downdata Plugin link

这是我在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();
    });

}

没有刷新页面，每当我尝试调用Preload7()函数数据不会附加下拉，如果我删除fSelect插件然后它将正常工作（如果我刷新页面然后它将附加数据与fSelect也）我想要这个而不刷新页面，

正如您在第一次加载我的应用程序数据时所看到的那样正确附加在选项和fSelect DOM中

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

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

请告诉我如何做到这一点，刷新页面我浪费了3天，但我无法做到这一点？

Answer 1

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

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

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

替代解决方案，

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

希望这会有所帮助。