title: Onload Function Dropdown Time <HTML>
body: <p>I want to be able to fill a dropdown list when the page is loaded. </p>
  
  <p>At the moment I got 2 dropdowns which both use the onloadFunction(). The function will fill the dropdown with the next hour.</p>
  
  <p>But I only want the first dropdown(leavedrop) to display the time and the second dropdown(returndrop) to stay empty.</p>
  
  <p>How can I do this?</p>
  
  <pre><code>&lt;body onload="onloadFunction()"&gt;
  
  Leaving: &lt;select id="leavedrop"&gt;
          &lt;option value="0"&gt;00:00&lt;/option&gt;
          &lt;option value="1"&gt;01:00&lt;/option&gt;
          &lt;option value="2"&gt;02:00&lt;/option&gt;
          &lt;option value="3"&gt;03:00&lt;/option&gt;
          &lt;option value="4"&gt;04:00&lt;/option&gt;
          &lt;option value="5"&gt;05:00&lt;/option&gt;
          &lt;option value="6"&gt;06:00&lt;/option&gt;
          &lt;option value="7"&gt;07:00&lt;/option&gt;
          &lt;option value="8"&gt;08:00&lt;/option&gt;
          &lt;option value="9"&gt;09:00&lt;/option&gt;
          &lt;option value="10"&gt;10:00&lt;/option&gt;
          &lt;option value="11"&gt;11:00&lt;/option&gt;
          &lt;option value="12"&gt;12:00&lt;/option&gt;
          &lt;option value="13"&gt;13:00&lt;/option&gt;
          &lt;option value="14"&gt;14:00&lt;/option&gt;
          &lt;option value="15"&gt;15:00&lt;/option&gt;
          &lt;option value="16"&gt;16:00&lt;/option&gt;
          &lt;option value="17"&gt;17:00&lt;/option&gt;
          &lt;option value="18"&gt;18:00&lt;/option&gt;
          &lt;option value="19"&gt;19:00&lt;/option&gt;
          &lt;option value="20"&gt;20:00&lt;/option&gt;
          &lt;option value="21"&gt;21:00&lt;/option&gt;
          &lt;option value="22"&gt;22:00&lt;/option&gt;
          &lt;option value="24"&gt;23:00&lt;/option&gt;
      &lt;/select&gt;  
  
   Return: &lt;select id="returndrop"&gt;
          &lt;option value="0"&gt;00:00&lt;/option&gt;
          &lt;option value="1"&gt;01:00&lt;/option&gt;
          &lt;option value="2"&gt;02:00&lt;/option&gt;
          &lt;option value="3"&gt;03:00&lt;/option&gt;
          &lt;option value="4"&gt;04:00&lt;/option&gt;
          &lt;option value="5"&gt;05:00&lt;/option&gt;
          &lt;option value="6"&gt;06:00&lt;/option&gt;
          &lt;option value="7"&gt;07:00&lt;/option&gt;
          &lt;option value="8"&gt;08:00&lt;/option&gt;
          &lt;option value="9"&gt;09:00&lt;/option&gt;
          &lt;option value="10"&gt;10:00&lt;/option&gt;
          &lt;option value="11"&gt;11:00&lt;/option&gt;
          &lt;option value="12"&gt;12:00&lt;/option&gt;
          &lt;option value="13"&gt;13:00&lt;/option&gt;
          &lt;option value="14"&gt;14:00&lt;/option&gt;
          &lt;option value="15"&gt;15:00&lt;/option&gt;
          &lt;option value="16"&gt;16:00&lt;/option&gt;
          &lt;option value="17"&gt;17:00&lt;/option&gt;
          &lt;option value="18"&gt;18:00&lt;/option&gt;
          &lt;option value="19"&gt;19:00&lt;/option&gt;
          &lt;option value="20"&gt;20:00&lt;/option&gt;
          &lt;option value="21"&gt;21:00&lt;/option&gt;
          &lt;option value="22"&gt;22:00&lt;/option&gt;
          &lt;option value="24"&gt;23:00&lt;/option&gt;
      &lt;/select&gt;  
  &lt;/body&gt;
  
  &lt;script&gt;
  function onloadFunction(){
  
  var hourToSelect = new Date().getHours() + 1;
       if(hourToSelect === 24) hourToSelect = 00;
       $("option[value='" + hourToSelect + "']").attr('selected', 'selected');    
  }
  &lt;/script&gt;
  </code></pre>