2013-09-23 26 views
0

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

我发现这个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但没有太多的成功。

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

在此先感谢。

+0

请发布您的HTML。你使用的jquery可能不适合你的目的。我的意思是,它可能会更容易做到... –

+0

我的HTML与给定示例中的几乎相同,3个完全相同的选择框,仅由PHP生成的选项 –

回答

0

我已在nextAll一侧添加了新代码。

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

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

代码:从另一个selectboxes http://jsfiddle.net/RaBuQ/160/

当从第三选择框选择的东西,将禁用选项。

+0

这样做,我试过了我自己已经因为某种原因没有得到你在这里的结果。 谢谢。 –