Несколько вариантов, которые отключают параметры друг друга

Question

Я использую отличную функцию jQuery, которая отключает выбор равных значений параметров, если на странице есть несколько вариантов выбора. Проблема в том, что я не знаю, как это делается.

JSFiddle ссылка: http://jsfiddle.net/Z2yaG/4/

Это то, что функция JQuery выглядит:

var prev = -1; 
$("select").change(function() { 
    if ($(this).val() > -1) { 
      $("select").not(this).find("option[value=" + $(this).val() + "]").attr('disabled', 'disabled'); 
      $("select").not(this).find("option[value=" + previous + "]").removeAttr('disabled');} 
    else { 
      $("select").not(this).find("option[value=" + previous + "]").removeAttr('disabled'); 
     } 
    }).focus(function() { 
previous = $(this).val(); 
}); 

Как это работает ????

Answer 1

var previous = -1; 
// Setting a previously selected value 
$("select").change(function() { 
// When any select element is changed 
    if ($(this).val() > -1) { 
    // When value is > -1 
     // Get all selects but not the current one which triggered the change event 
     $("select").not(this) 
      .find("option[value=" + $(this).val() + "]").attr('disabled', 'disabled'); 
     // set the current option value to disabled 

     // Get all selects but not the current one which triggered the change event 
     $("select").not(this) 
      .find("option[value=" + previous + "]").removeAttr('disabled'); 
     // Remove the disabled property on previous value 
    } else { 
     // Get all selects but not the current one which triggered the change event 
     $("select").not(this) 
      .find("option[value=" + previous + "]").removeAttr('disabled'); 
     // Remove the disabled property 
    } 
}).focus(function() { 
    previous = $(this).val(); 
    // store the current value of the select to previous 
});