title: How to disable certain options in a drop down select?
body: <p>We have two different drop down box's and depending on which one is selected in the first one, options will be grayed out in the second.</p>
  
  <p><a href="http://jsfiddle.net/vUEks/109/" rel="nofollow">http://jsfiddle.net/vUEks/109/</a></p>
  
  <p>HTML </p>
  
  <pre><code>&lt;select&gt;
      &lt;option value="1"&gt;Option 1&lt;/option&gt;
      &lt;option value="2"&gt;Option 2&lt;/option&gt;
      &lt;option value="3"&gt;Option 3&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select&gt;
      &lt;option value="4"&gt;Option 4&lt;/option&gt;
      &lt;option value="5"&gt;Option 5&lt;/option&gt;
      &lt;option value="6"&gt;Option 6&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>if ($('option[value=2]').prop('selected', true)) {
    $('option[value=5]').prop('disabled', true);
  }
  </code></pre>