2016-04-26 15 views
5

大家好我面臨着一個奇怪的問題,我從jQuery的追加我降downdata(fSlect插件)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()功能數據不附加砸下來,如果我刪除F選擇插件,然後它會正常工作(如果我刷新頁,然後它會與F選擇附加數據也)我想這個無需刷新頁面,

,你先看看,當時候我載入我的應用程序的數據在選項,並在F選擇DOM適當追加, enter image description here

現在當添加另一所有者不能追加到FSELECT DOM

enter image description here

結果只有3個選擇被顯示在下拉 enter image description here

請告訴我如何做到這一點witout刷新頁面我浪費我的3天,但我不能做到這一點?

+0

我們可以有一個相同的小提琴嗎? – Rayon

+0

實際上它不能顯示在小提琴上,簡單的是,用fSelect插件數據不是附加的,但是當我刷新我的頁面數據時附加了fSelect也 – Ahmad

+0

您是否嘗試重新加載它? '$('#addownok')。fSelect()。reload()' –

回答

3

的插件有一些公開的API函數,如createreloaddestroy

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

應該更改後重新加載選項,但它也複製了搜索框,

替代的解決方案,

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

希望這有助於。

+0

這真的很有幫助!由於沒有適當的文件這..分享,如果有的話! – Rayon

+1

我剛剛瀏覽了https://github.com/mgibbs189/fSelect/blob/master/fSelect.js。有預感線118至129,它的工作:)。傷心沒有詳細的文件。 – shakib