How to hide second option in condition of first selection with JS / JQ?
<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>
