Javascript hide items from dropdown
<p>I have a dropdown list with 24 items, the user can check a radio button and this will set it to only show 12. If they de-select it, the dropdown will show the 24 items as before.</p>

<p>I have it working to only show 12 items using</p>

<pre><code>document.getElementById('theMenu').length = 12;
</code></pre>

<p>But then when I try to set it back to 24, the other 12 items are empty.</p>

<p>Am thinking I may need to store the values in a temp array of some sort, then just load these back into the dropdown menu? (Javascript only)</p>

<p>Thanks:)</p>
