Deselect selected options in select menu with multiple and optgroups
<p>I want to be able to with a click of a link to be able to deselect all pre-selected options in a select menu with multiple select enable and with option groups.</p>

<p>Here is an example of the menu:</p>

<pre><code>&lt;select name="ddBusinessCategory" id="ddBusinessCategory" class="f1" style="width:280px;height:200px" multiple="multiple"&gt;
&lt;option value=""&gt;Select One&lt;/option&gt;
&lt;optgroup label="Abrasives" style="background:#F5F5F5;border-bottom:1px #EEE solid"&gt;
&lt;option value="4" selected="selected"&gt;Abrasives&lt;/option&gt;
&lt;/optgroup&gt;
&lt;optgroup label="Abstracters" style="background:#F5F5F5;border-bottom:1px #EEE solid"&gt;
&lt;option value="5"&gt;Abstracters&lt;/option&gt;
&lt;/optgroup&gt;
&lt;optgroup label="Abuse Information &amp;amp; Treatment Centers" style="background:#F5F5F5;border-bottom:1px #EEE solid"&gt;
&lt;option value="6" selected="selected"&gt;Abuse Information &amp;amp; Treatment Centers&lt;/option&gt;
&lt;/optgroup&gt;
&lt;optgroup label="Accountants" style="background:#F5F5F5;border-bottom:1px #EEE solid"&gt;
&lt;option value="7"&gt;Accountants&lt;/option&gt;
&lt;option value="2672"&gt;Certified Public Accountants - &lt;/option&gt;
&lt;option value="2673"&gt;Public Accountants - &lt;/option&gt;
&lt;/optgroup&gt;
&lt;optgroup label="Accounting Services" style="background:#F5F5F5;border-bottom:1px #EEE solid"&gt;
&lt;option value="8"&gt;Accounting Services&lt;/option&gt;
&lt;/optgroup&gt;
&lt;optgroup label="Acoustical Materials - Wholesale &amp;amp; Manufacturers" style="background:#F5F5F5;border-bottom:1px #EEE solid"&gt;
&lt;option value="9"&gt;Acoustical Materials - Wholesale &amp;amp; Manufacturers&lt;/option&gt;
&lt;/optgroup&gt;
&lt;/select&gt;
</code></pre>

<p>You will see two are selected.. I want to be able to deselect these preselected ones.</p>

<p>DONT want to use jquery, just want to use javascript</p>

<p>Many thanks for your assistance.</p>

<p>neojakey</p>
