Displaying Selected Div, Toggling, and Disabled Javascript

Hello,

I am using a script to show and hide divs depending on what is selected form a drop down menu. The menu works fine as is in firefox, how-ever it does not work in IE. Can someone please tweak this code to make it work. I believe the issue might be the html code in bold. Any help would be great.

Here's how I have it set up...

<FORM
ACTION="../cgi-bin/redirect.pl"
METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">
<OPTION VALUE="">Select A Version...

<OPTION VALUE="<a href=" onclick="show_div('div_1'); return false;"></a> Version 1

<OPTION VALUE="<a href=" onclick="show_div('div_2'); return false;"></a> Version 2

</OPTION></SELECT>

</FORM>

<script language=javascript type='text/javascript'>
/* Initial id in global var */
var currId = 'div_1';
//
function show_div(div_id) {
if(currId) { document.getElementById(currId).style.display = 'none'; }
currId = div_id;
document.getElementById(currId).style.display = 'block';
}
function initPage() {
var n=2;
var divEl;
while ( ( divEl = document.getElementById( "div_" + n )) !== null ) { divEl.style.display = 'none'; n++;}
}
window.onload = initPage;
</script>

<div id="div_1">
<--- Content Goes Here --->
</div>

<div id="div_2">
<--- Content Goes Here --->
</div>

 

Does anyone know how to fix this?