2012-11-27 46 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

相关问题