Jquery 同步两个多选框，按值选择

我不熟悉JS和Jquery，我正在使用Eric Hynds Jquery ui multiselect小部件

这是一个非常好的演示：

在本演示中，根据在第一个选择框上选择的选项，第二个选择框按位置检查其值

这个例子还说： “您可以轻松地将.eq（）替换为另一个.filter（）以按值而不是按位置选择复选框。”

但我还没有做到这一点，也找不到任何关于如何做到这一点的文档

你们能帮我吗？只是不知道如何使用.filter（）条件来根据第二个选择框的值选择选项。提前谢谢

编辑：

以下是我迄今为止所做的工作：

---

在该示例中，我为两个选择框设置了相同的值。当我点击Canada时，我希望在第二个框中选择bar，它具有相同的值，但它选择了所有选项。我觉得我遗漏了一些非常简单但无法解决的问题。

在您的过滤器中，这是您的测试：

return (ui.value == 'can');

ui

引用您单击的第一个列表中的复选框。单击加拿大复选框时，

ui.value==“can”

将始终为真

这是您想要的过滤器：

return this.value == ui.value;

这意味着将过滤器中正在检查的项目的当前值（

This

）与单击的项目值（

ui

）进行比较