Javascript: Onclick Set Dropdown Menu Checked Value
<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>
