刪除下拉列表中的項目（客戶端）

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/