title: how to change dropdowns values based on a selection of another dropdown using jquery
body: <p>I have my first dropdown with 2 selections: Standard Glass and Tempered glass.
  I have another dropdown where the user can select the width of the glass.</p>
  
  <p>My problem: the second dropdown values need to change depending on what kind of glass was selected in the first dropdown.</p>
  
  <p>Look at my code, I have the 2 dropdowns with an id of glassWidthStandard and the other dropdown glassWidthTempered.</p>
  
  <p>Thank you :) here is my code:</p>
  
  <pre><code> &lt;select id="typeOfGlass"&gt;
    &lt;option value="15"&gt;Standard/Annealed Glass Width&lt;/option&gt;
      &lt;option value="20"&gt;Tempered Glass Width&lt;/option&gt;
  &lt;/select&gt;&lt;br&gt;
  
  
  Glass Width for Standard:&lt;br&gt;
      &lt;select id="glassWidthStandard"&gt;
          &lt;option value="19"&gt;19&lt;/option&gt;
        &lt;option value="20"&gt;20&lt;/option&gt;
        &lt;option value="21"&gt;21&lt;/option&gt;
      &lt;/select&gt;
  
  Glass Width for Tempered:&lt;br&gt;
      &lt;select id="glassWidthTempered"&gt;
          &lt;option value="6"&gt;6&lt;/option&gt;
          &lt;option value="7"&gt;7&lt;/option&gt;
          &lt;option value="8"&gt;8&lt;/option&gt;
          &lt;option value="9"&gt;9&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>