3个从属选择框

Question

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

我找到了这个答案，并使用它作为第二编辑小提琴 ，在本节中，我几乎已经有了所需的东西：

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

事实是，选择禁用仅影响以下选择框，而不影响其后退，即：当在第三个（最右侧）选择框中选择选项时，在其他选择框上未禁用它。 我尝试将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/

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