title: How to apply different section to a radio button
body: <p>I have this project for school, to show different drop-down option for each selected radio button. I tried few JavaScript code but it wasn't working at all.</p>
  
  <p>I need when clicked on Sizes radio button to show the correspondent sizes drop-down selectors.
  As well for the colors. To show only colors drop-down selectors</p>
  
  <p>Thank you in advance for the help.</p>
  
  <p>Bellow is the code</p>
  
  <pre><code>&lt;form&gt;
    &lt;fieldset&gt;
      &lt;p&gt;
  
       &lt;input type = "radio"
              name = "sizes"
              id = "sizes"
              value = ""
              checked = "checked"&gt;
       &lt;label for = "sizes"&gt; Sizes &lt;/label&gt;
  
       &lt;input type = "radio"
              name = "colors"
              id = "colors"
              value = ""&gt;
       &lt;label for = "colors"&gt; Colors &lt;/label&gt;
  
      &lt;/p&gt;       
    &lt;/fieldset&gt;     
  &lt;/form&gt;
  
  
  
  &lt;label for="small-size"&gt; Small Size &lt;/label&gt;
    &lt;select name="size" id="size"&gt;
       &lt;option value="1" selected&gt; Size 1 &lt;/option&gt;
       &lt;option value="2"&gt; Size 2 &lt;/option&gt;
       &lt;option value="3"&gt; Size 3 &lt;/option&gt;
     &lt;/select&gt;
  
  &lt;label for="big-size"&gt; Big Size &lt;/label&gt;
    &lt;select name="size" id="size"&gt;
       &lt;option value="1" selected&gt; Size 1 &lt;/option&gt;
       &lt;option value="2"&gt; Size 2 &lt;/option&gt;
       &lt;option value="3"&gt; Size 3 &lt;/option&gt;
     &lt;/select&gt;
  
  &lt;label for="dark"&gt; Dark Colors &lt;/label&gt;
     &lt;select name="canvas" id="canvas"&gt;
        &lt;option value="1" selected&gt; Color 1&lt;/option&gt;
        &lt;option value="2"&gt; Color 2 &lt;/option&gt;
        &lt;option value="3"&gt; Color 3 &lt;/option&gt;
     &lt;/select&gt;
  
  &lt;label for="light"&gt; Light Colors &lt;/label&gt;
     &lt;select name="canvas" id="canvas"&gt;
        &lt;option value="1" selected&gt; Color 1&lt;/option&gt;
        &lt;option value="2"&gt; Color 2 &lt;/option&gt;
        &lt;option value="3"&gt; Color 3 &lt;/option&gt;
     &lt;/select&gt;
  
  
  
  </code></pre>
  
  <p><a href="https://jsfiddle.net/Farsoun/dw813ky2/9/" rel="nofollow noreferrer">https://jsfiddle.net/Farsoun/dw813ky2/9/</a></p>