删除下拉列表中的项目（客户端）

Question

所以我有一些下拉选择列表控件作为中继器的一部分填充。它们可能包含重叠数据，这意味着第一d d列表控件将有选择：

第二个

a 
b 
c 

：

第三个

c 
d 
e 

：

d 
e 
h 

等。

所以我想要做的就是一旦用户开始选择那些时候，从重置的下拉控件中删除重复的项目。我打算为此使用jQuery。

Answer 1

尝试使用jQuery Form Wizard插件。请参阅：http://plugins.jquery.com/project/formwizard

Answer 2

这里，代码是丑陋，但至少它的短：

var selects = $('select'); 

selects.change(function() { 
    var vals = {};  
    selects.each(function() { vals[this.value] = true; }).get(); 
    selects.not(this).children().not(':selected').not(':first-child') 
     .each(function() { this.disabled = vals[this.value]; }); 
}); 

现场演示：而不是删除http://jsfiddle.net/bnehe/6/