title: How to hide second option in condition of first selection with JS / JQ?
body: <p>I got following problem and dont know how to solve it. :(</p>
  
  <p>I want to disable / gray out options in relation to a color-selection.
  Every option has a unique value.</p>
  
  <p>For example:</p>
  
  <ul>
  <li>shirt (green) is only available in XS.</li>
  <li>shirt (blue) is available in S and M.</li>
  <li>shirt (yellow) is not available in L and XL.</li>
  </ul>
  
  <p>Is it possible with something like "if" or an array function?!?!
  Is there a code snipped on fiddle?</p>
  
  <p>Thanks for any help and sorry for my non-existing JS knowledge!</p>
  
  <pre><code>&lt;form id="test" name="test" method="post" action=""&gt;
          &lt;label for="test"&gt;&lt;/label&gt;
          &lt;select name="color" id="color"&gt;
            &lt;option value="1"&gt;---Select color---&lt;/option&gt;
            &lt;option value="2"&gt;T-Shirt - green&lt;/option&gt;
            &lt;option value="3"&gt;T-Shirt - blue&lt;/option&gt;
            &lt;option value="4"&gt;T-Shirt - yellow&lt;/option&gt;
          &lt;/select&gt;
      &lt;br /&gt;
          &lt;select name="size" id="size"&gt;
            &lt;option value="5"&gt;---Select size---&lt;/option&gt;
            &lt;option value="6"&gt;XS&lt;/option&gt;
            &lt;option value="7"&gt;S&lt;/option&gt;
            &lt;option value="8"&gt;M&lt;/option&gt;
            &lt;option value="9"&gt;L&lt;/option&gt;
            &lt;option value="10"&gt;XL&lt;/option&gt;
          &lt;/select&gt;
      &lt;/form&gt;
  </code></pre>