title: Javascript: Onclick Set Dropdown Menu Checked Value
body: <p><strong>UPDATE: I was trying lots of different methods for doing this and none of them worked... until... I changed my dropdown menu name from (date-range) to (dateRange) removing the (-), sorry for wasting time!</strong></p>
  
  <hr>
  
  <p>I have a search form and a custom reset form button, which resets all the values in the form. I now have a dropdown menu and when the reset button is pressed, I want the first option to be selected.</p>
  
  <p>This is my form:</p>
  
  <pre><code>&lt;select name="date-range" id="date-range"&gt;
  &lt;option value="Any"&gt;Any date&lt;/option&gt;
  &lt;option value="Today"&gt;Today&lt;/option&gt;
  &lt;option value="Yesterday"&gt;Yesterday&lt;/option&gt;
  &lt;option value="1 Week"&gt;Within 1 Week&lt;/option&gt;
  &lt;option value="1 Month"&gt;Within 1 Month&lt;/option&gt;
  &lt;option value="3 Months"&gt;Within 3 Months&lt;/option&gt;
  &lt;option value="6 Months"&gt;Within 6 Months&lt;/option&gt;
  &lt;option value="1 Year"&gt;Within 1 Year&lt;/option&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>... and this is my javascript function that now needs to select the first dropdown value "Any".</p>
  
  <pre><code>function resetSearchForm()
  {
  document.searchFrm.searchStr.value='';
  document.searchFrm.vertical.checked = true;
  document.searchFrm.horizontal.checked = true;
  ** dropdown select first **
  }
  </code></pre>
  
  <p>What is the <em>proper</em> way to do this? Any help gratefully received :)</p>