JQuery Chosen 插件 - 附加使用 Ajax 加载的选项答案

【问题标题】：JQuery Chosen plugin - appending options loaded with AjaxJQuery Chosen 插件 - 附加使用 Ajax 加载的选项
【发布时间】：2012-11-27 15:56:03
【问题描述】：

使用带有选择插件的标准选择。除了客户端匹配之外，我还需要显示一个包含搜索词的附加项目列表，并使用 ajax 返回。

我发现的 ajax 选择的插件 replace 所有结果，似乎不允许追加到已匹配的选项。这是我正在寻找的结果：

选项组 A 选项1 选项 2 选项组 B 选项 3 选项 4 从服务器加载的选项加载了 ajax 1 的选项加载了 ajax 2 的选项

【问题讨论】：

你可以看看这个插件：github.com/meltingice/ajax-chosen
它替换了选项，我需要附加它们。
它允许追加。在您的回调中，您应该为每个项目提供“文本”和“值”属性。如果有和 optgroup 和 item.title label 它将附加。我从插件的相关source code 得出结论。

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

【解决方案1】：

为了从 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 告诉 selected 你已经更新了选择选项

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

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

From the Chosen Documentation

【讨论】：