title: Jquery dependent drop down boxes populate- how
body: <p>I've got dependent drop down boxes as shown on scenario below. Could anyone please suggest how to achieve the result using JQuery/Javascript?</p>
  
  <p>Scenario:</p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>HH1:
      &lt;select name="drop1"&gt;
        &lt;option value="0"&gt;
        &lt;option value="2"&gt;
        &lt;option value="3"&gt;
        ......
        &lt;option value="23"&gt;
      &lt;/select&gt;
  
  HH2:
      &lt;select name="drop1"&gt;
        &lt;option value="0"&gt;
        &lt;option value="2"&gt;
        &lt;option value="3"&gt;
        ......
        &lt;option value="23"&gt;
      &lt;/select&gt;
  </code></pre>
  
  <p><strong>Edit: Sorry I forgot to mention the option items are being populated via javascript (for loop). I just need to know how to make HH2 dynamic based on HH1 selected value.</strong></p>
  
  <p>If the user selects 3 in option HH1(Hour) I would like to show <strong>only</strong> 3-0 (where 0 is 24 hour) select options in HH2. I don't want to see 1-2.</p>
  
  <p>Basically, HH2 is dependent on selected value in HH1 &mdash; is this possible in JavaScript? Could you please show me how, if possible?</p>