javascript - jQuery Chosen - 更新选择列表而不丢失选择

Question

我正在尝试使用 jQuery 插件“Chosen”

(http://harvesthq.github.com/chosen/ 和 https://github.com/harvesthq/chosen)

在我的项目中。

我想要实现的是根据用户选择更新列表(ajax 调用(基于树的结构))

这不是什么大问题，因为我可以使用 .chosen().change(function()) 并删除所有未使用的选择项，然后添加新的。

然后我可以使用 .trigger("liszt:updated") 来更新列表，但不幸的是所有选择都被删除了..

有谁知道如何在不丢失所选数据的情况下更新所选列表的方法？

理论上，我可以手动删除所有选择的生成的

元素，然后填充新元素，但是获取 SELECT“值”数据时会出现问题。

Answer 1

如果您保存所选项目，这应该相当简单。例如:

<select data-placeholder="Choose a country..." style="width:350px;" multiple="true"  class="chosen-select">
$(".chosen-select").chosen();

现在，在更新选择之前，请确保您像这样保存选择的项目:

var chosenSelectedItems = $(".chosen-select").val(); // this gets you the select value data
// Update the select items
$('.chosen-select').trigger('liszt:updated');
$(".chosen-select").val(chosenSelectedItems);

这应该能够重置更改前的原始值。