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

Question

大家好我面临一个奇怪的问题,我从jquery(fSlect插件)插件链接附加我的drop downdata

这是我在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()函数的数据不附加砸下来,如果我删除F选择插件,然后它会正常工作(如果我刷新页面,然后将与F选择还追加数据),我想这个无需刷新页面,

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

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

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

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

Answer 1

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

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

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

替代解决方案，

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

希望这可以帮助。