title: jQuery <select> option disabled if selected in multiple <select> boxes
body: <p>I have a question similar to the one asked here: <a href="https://stackoverflow.com/questions/4610652/jquery-select-option-disabled-if-selected-in-other-select">jQuery &lt;select&gt; option disabled if selected in other &lt;select&gt;</a></p>
  
  <p>But, mine varies in that there will be more than two select boxes.  In the answer provided, when an option is selected, it is set to disabled in the other select boxes (which I want to happen), but I don't want any other options selected in a different select box to have disabled removed.  </p>
  
  <p>Does that make sense?</p>
  
  <p>Example html: </p>
  
  <pre><code>&lt;div&gt;
  &lt;select name="homepage_select_first"&gt;
      &lt;option&gt;No Match&lt;/option&gt;
      &lt;option value="1"&gt;Test&lt;/option&gt;
      &lt;option value="2"&gt;Test 2&lt;/option&gt;
      &lt;option value="3"&gt;Test 3&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  &lt;div&gt;
  &lt;select name="homepage_select_second"&gt;
      &lt;option&gt;No Match&lt;/option&gt;
      &lt;option value="1"&gt;Test&lt;/option&gt;
      &lt;option value="2"&gt;Test 2&lt;/option&gt;
      &lt;option value="3"&gt;Test 3&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  &lt;div&gt;
  &lt;select name="homepage_select_third"&gt;
      &lt;option&gt;No Match&lt;/option&gt;
      &lt;option value="1"&gt;Test&lt;/option&gt;
      &lt;option value="2"&gt;Test 2&lt;/option&gt;
      &lt;option value="3"&gt;Test 3&lt;/option&gt;
  &lt;/select&gt;    
  &lt;/div&gt;
  </code></pre>
  
  <p>And the jQuery:</p>
  
  <pre><code>$('select[name*="homepage_select"]').change(function() {
  
      var value = $(this).val();
      alert(value);
      $('select[name*="homepage_select"]').children('option').each(function(){
          if ( $(this).val() === value ) {
              $(this).attr('disabled', true)//.siblings().removeAttr('disabled');  
  
          }
      });
  
  });
  </code></pre>
  
  <p>Commenting out <code>.siblings().removeAttr('disabled')</code> simply never removes the disabled attribute...but, I want to remove it ONLY if it isn't selected in any one of the select boxes. </p>
  
  <p>Basically, I only want an option to be selected in one of the selects at a time. I would think that if I could only <code>.removeAttr('disabled')</code> on the item that was just changed, I think that would work.  But, I'm not sure how to go about this.</p>
  
  <p>Does anyone have any ideas?</p>
  
  <p>Thanks!</p>