Dữ liệu không được thêm vào Dropdown mà không làm mới trang?

Question

Hi tất cả mọi người tôi đang phải đối mặt với một vấn đề lạ, tôi đang phụ thả downdata tôi từ jquery (fSlect Plugin) Plugin link

nó là lựa chọn của tôi trong html

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

và đây là chức năng của tôi cho phụ tùy chọn dữ liệu

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

} 

mà không cần refresh trang bất cứ khi nào tôi cố gắng để gọi Preload7() chức năng dữ liệu không phụ thêm để thả xuống, nếu tôi loại bỏ fSelect Plugin sau đó nó sẽ hoạt động tốt (và nếu tôi Refresh trang sau đó nó sẽ nối dữ liệu với fSelect cũng) i muốn điều này mà không làm mới trang,

như bạn thấy khi lần đầu tiên khi tôi tải dữ liệu ứng dụng của tôi là đúng cách thêm vào tùy chọn và trong fSelect DOM,

nay khi tôi thêm chủ sở hữu khác nó không thể nối thêm để fSelect Dom

kết quả là chỉ có 3 tùy chọn được hiển thị trong danh sách thả xuống

xin vui lòng cho tôi biết làm thế nào để làm điều này witout làm mới trang tôi đang lãng phí 3 ngày của tôi trên nó, nhưng tôi không thể làm điều đó?

Answer 1

Plugin có một số chức năng tiếp xúc với API, như create, reload, destroy

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

nên tải lại các tùy chọn sau khi thay đổi, nhưng nó cũng trùng lặp hộp tìm kiếm,

giải pháp thay thế,

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

hy vọng điều này sẽ hữu ích.