javascript - 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/

从第三个选择框中选择某些内容时，将禁用来自另一个选择框的选项。