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

Question

我是JS和Jquery的新手，我正在使用Eric Hynds jquery-ui-multiselect-widget

这是一个非常好的演示：

http://jsfiddle.net/PKypd/11/

在此演示中，第二个选择框的值按位置检查，具体取决于在第一个选择框中选择的选项。

该例子还说： “你可以轻松地将.eq（）转换为另一个.filter（）来按值选择复选框而不是它们的位置。”

但是我无法这样做，也找不到任何关于如何操作的文档。

你们可以帮帮我吗？只是无法弄清楚如何执行.filter（）条件以通过其值选择第二个选择框上的选项。提前谢谢。

编辑：

这是我到目前为止所做的：

http://jsfiddle.net/PKypd/54/

在该示例中，我为两个选择框设置了相同的值。当我点击加拿大时，我希望在第二个框上选择具有相同值的栏，但它会选择所有选项。我觉得我错过了一些非常简单但却无法理解的东西。

Answer 1

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

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

ui指的是您点击的第一个列表中的复选框。点击加拿大复选框后，ui.value == 'can'将始终为真。

这就是您想要的过滤器：

return this.value == ui.value;

这意味着要将过滤器中正在检查的项目的当前值（this）与所点击的项目的值（ui）进行比较。