title: Disabled option from select box if already selected
body: <p>I have a <code>table</code> with id = <code>fields-list</code> and inside this <code>table</code> <code>4</code> select box with the same class <code>db-list</code>. Now I want if the <code>option</code> in first <code>select</code> is selected disable this <code>option</code> in the rest of selectbox</p>
  
  <pre><code>&lt;table id="fields-list" class="table table-hover"&gt;
     &lt;select class="form-control db-list" &gt;
         &lt;option value=""&gt;All&lt;/option&gt;
         &lt;option value="d"&gt;1&lt;/option&gt;
         &lt;option value="t"&gt;2&lt;/option&gt;
         &lt;option value="t"&gt;3&lt;/option&gt;
         &lt;option value="h"&gt;4&lt;/option&gt;
     &lt;/select&gt;
     &lt;select class="form-control db-list" &gt;
         &lt;option value=""&gt;All&lt;/option&gt;
         &lt;option value="d"&gt;1&lt;/option&gt;
         &lt;option value="t"&gt;2&lt;/option&gt;
         &lt;option value="t"&gt;3&lt;/option&gt;
         &lt;option value="h"&gt;4&lt;/option&gt;
     &lt;/select&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I tried like this : </p>
  
  <pre><code>$('.db-list').on('change', function () {
    if( $('#fields-list').find('select option[value='+$(this).val()+']:selected').length&gt;1){
        $(this).val($(this).find("option:first").val()).prop('disabled', true);
    }           
  });
  </code></pre>
  
  <p>But not work. Can you help me please ? Thx in advance and sorry for my english.</p>
  
  <p>Situations how need to work :
  1. First Select choose option 1 (all select box from the page should disable option 1);
  2. Second Select choose option 3 (all select box from the page should disable option 3 + option 1 from previous selectd)
  3. First Select choose option 4 (now all select box should disable option 4 + option 3 and enable option 1)</p>