JQuery Chosen插件 - 附加了Ajax的附加选项

时间:2012-11-27 15:56:04

标签: jquery ajax select jquery-plugins jquery-chosen

使用选择插件的标准选择。除了客户端匹配之外,我还需要显示包含搜索词的其他项的列表,并使用ajax返回。

我发现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

1 个答案:

答案 0 :(得分: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));
});

然后,使用liszt:updated告诉已选择您已更新选择选项

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

使用搜索框时不确定这是否有效,但它可能为您的方法提供基础。

From the Chosen Documentation