2012-11-27 42 views
0

使用選擇插件的標準選擇。除了客戶端匹配之外,我還需要顯示包含搜索項的其他項目列表,並以ajax返回。JQuery選擇的插件 - 使用Ajax加載的選項

阿賈克斯挑選的插件,我發現更換所有測試結果似乎並不讓追加已經匹配的選項。這是我在尋找的結果:

 
    Optgroup A 
     Option 1 
     Option 2 
    Optgroup B 
     Option 3 
     Option 4 
    Options loaded from server 
     Option loaded with ajax 1 
     Option loaded with ajax 2 
+0

您可以在這個插件來看看:https://github.com/meltingice/ajax-chosen –

+0

它取代的選項,我需要他們追加。 – Tauno

+0

它允許追加。在你的回調中,你應該給每個項目「文本」和「價值」屬性。如果存在和_optgroup_ with和'item.title' _label_,它將會追加。我從插件的相關[源代碼](https://github.com/meltingice/ajax-chosen/blob/master/src/ajax-chosen.coffee#LC99)得出結論。 – uKolka

回答

0

從AJAX動態更新,我已經追加到原來的選擇:

$.each(data, function (index, element) { 
    $('#inj-form-what-injury-type-detail') 
    .append($("<option></option>") 
    .attr("value", element.Type_No) 
    .attr("selected", (element.isSelected) ? true : false) 
    .text(element.Value)); 
}); 

然後,用李斯特:更新告訴選擇,你有更新了選項

$('#inj-form-what-injury-type-detail').trigger("liszt:updated"); 

不確定這是否會在使用搜索框時起作用,但它可能爲您的方法提供了基礎。

From the Chosen Documentation

相關問題