根據以前的選擇刪除下拉條目

Question

我已經通過看了一個答案的計算器，幾乎在那裏，但需要一些幫助。

我有多個下拉列表，其中有相同的選項。例如三個相同的清單與以下內容：

<label for='distlist_1'>Distribution List 1</label> 
<select name='distlist_1'> 
<option value=''>Please Select:</option> 
<option value='1'>All</option> 
<option value='2'>All Managers</option> 
<option value='3'>Leavers</option> 
</select> 

唯一的區別是名稱例如distlist_1，2，3等我可以根據需要添加的ID。

當用戶在第一個下拉列表中選擇一個選項時，我需要將其從所有其他下拉列表中刪除。我找到了一個腳本來做到這一點。

$('option').click(function(){ 
$('option:contains(' + $(this).html() +')').not(this).remove(); 
}); 

但我需要它，這樣，如果用戶決定，「等我不需要這個選項在下拉列表1畢竟」，她拿起別的東西，並選擇在其他下拉菜單再次出現。上面的代碼刪除了選項，然後沒有辦法檢索它們，直到你點擊的時候它們全部消失。

Answer 1

最後我用這個，因爲它是簡明扼要......

jQuery(document).ready(function() { 
var selects = $('.mapping') 

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]; 
}); 
}); 
}); 

Answer 2

這其實你想要做什麼......這是基於jQuery 1.7和on（）事件粘結劑

$(document).ready(function(){ 
     $('select').on('focus', function() { 
     // on focus save the current selected element so you 
     // can place it back with all the other dropdowns 
     var current_value = $(this).val(); 

     // bind the change event, with removes and adds elements 
     // to the dropdown lists 
     $(this).one('change.tmp', { v : current_value }, function(e) 
     { 
      if ($(this).val() != '') 
      { // do not remove the Please select options 
      $('option[value="' + $(this).val() + '"]') 
       .not($('option[value="' + $(this).val() + '"]', $(this))) 
       .remove(); 
      } 

      if (e.data.v != '') 
      { // do not add the Please select options 
      $('select').not($(this)).append($('option[value="' + e.data.v + '"]', $(this)).clone()); 
      } 
     }); 

     // on blur remove all the eventhandlers again, this is needed 
     // else you don't know what the previously selected item was. 
     $(this).on('blur.tmp', { v : current_value}, function (e) 
     { 
      $(this).off('blur.tmp'); 
      $(this).off('change.tmp'); 
     }); 
     }); 
    }); 

它不會做的是排序按正確的順序一切的唯一的事情。你將不得不在.append函數中考慮你自己的做法。