同步兩個多選盒，價值

Question

選擇我新的JS和jQuery和我使用的埃裏克·海因茲jQuery的用戶界面 - 多選的小部件

這裏是一個非常好的演示：

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 ）。