3个相关选择框

Question

我有3个完全相同的PHP代码生成的选择框。 我想在其他选择框上禁用每个选定的选项。

我发现了这个Answer并使用它2nd edit fiddle，我几乎得到了我在本节中所需要的内容：

sel.nextAll().each(function(){
        if(prev){
            $(this).find("[value='" + prev+ "']").prop("disabled",false);
        }
        $(this).find("[value='" + val + "']").prop("disabled",true);
    });

事实是，选择禁用仅影响以下选择框而不影响后退，这意味着：在第3个（最右侧）选择框中选择选项时，在其他选择框中不会禁用它。 我尝试使用prevAll结合nextAll但没有太大的成功。

任何想法我怎么能达到这种行为？

提前致谢。

Answer 1

我在nextAll方面添加了新代码。

sel.nextAll()....
...

sel.prevAll().each(function(){
    if(prev){
        $(this).find("[value='" + prev+ "']").prop("disabled",false);
    }
    $(this).find("[value='" + val + "']").prop("disabled",true);
});

代码：http://jsfiddle.net/RaBuQ/160/

从第3选择框中选择内容时，将禁用其他选择框中的选项。