求教：IE7.0 web 后退时,javascript 不可用问题

大家好，这个程序中，我利用javascript脚本实现  “根据下拉框的值显示指定的文本框”的功能。
预期结果是：该页面提交后，点击IE浏览器的后退按钮，能回退到我提交前的页面。
实际结果:IE6.0可以实现，但IE7.0却实现不了，好像就是红色代码部分的javascript脚本不能实现。大家有没有遇到相似的问题呢，请教各位高手给解决一下。<HTML>
<HEAD>
<TITLE>牛年行大运</TITLE>
<script language="JavaScript">
function fun_submit()
{
    passed=true;
    return passed;
}
function  submitform()
    {
        flag=fun_submit();
        if (flag){
            document.form1.method="post";
            document.form1.action="tj_ok.html";
            document.form1.submit();
        }
    }
    
function resetform(){
document.form1.reset();
}

function dd_onChange(){
   if (document.form1.dd.value=="01" ){
document.getElementById("aa").style.display="";
document.getElementById("bb").style.display="none";
document.getElementById("cc").style.display="none";
}
    else if (document.form1.dd.value=="02" ){
document.getElementById("aa").style.display="none";
document.getElementById("bb").style.display="";
document.getElementById("cc").style.display="none";
}

       else{
document.getElementById("aa").style.display="none";
document.getElementById("bb").style.display="none";
document.getElementById("cc").style.display="";
}
  
}
</script>
</HEAD>
<BODY>      <FORM  method=post name=form1 >
      <DIV align=center>
      <TABLE bgColor=#eeeeee border=0 cellPadding=0 cellSpacing=1 width=530>
    <tr bgcolor="#FFFFFF">
            <td align="right"  height="24"  width="150" >选择：</td>
            <td align="left" height="24"  width="407" >&nbsp;<select  name="dd" onChange="javascript:dd_onChange(this);" onKeyDown="if(event.keyCode==13)event.keyCode=9">
                                                  
                                                   <option value ="01">星座</option> 
                                                   <option value ="02" selected>生肖</option>                                                                 <option value ="03">紫微星</option>     
  
   </select>
 </td>
        </tr>   <tr bgcolor="#FFFFFF" id="aa" style="display:none">
            <td align="right"  height="24"  width="150" >星座：</td>
            <td align="left" height="24"  width="407" >&nbsp;<input type="text"  name="aa" onKeyDown="if(event.keyCode==13)event.keyCode=9"> </td>
        </tr>     
  <tr bgcolor="#FFFFFF" id="bb" style="display:none">
            <td align="right"  height="24"  width="150" >生肖：</td>
            <td align="left" height="24"  width="407" >&nbsp;<input type="text"  name="bb" onKeyDown="if(event.keyCode==13)event.keyCode=9"> </td>
        </tr>   
<tr bgcolor="#FFFFFF" id="cc" style="display:none">
            <td align="right"  height="24"  width="150" >紫微星：</td>
            <td align="left" height="24"  width="407" >&nbsp;<input type="text"  name="cc" onKeyDown="if(event.keyCode==13)event.keyCode=9"> </td>
        </tr>    <script language="javascript">
   if (document.form1.dd.value=="01" ){
document.getElementById("aa").style.display="";
document.getElementById("bb").style.display="none";
document.getElementById("cc").style.display="none";
}
    else if (document.form1.dd.value=="02" ){
document.getElementById("aa").style.display="none";
document.getElementById("bb").style.display="";
document.getElementById("cc").style.display="none";
}

       else{
document.getElementById("aa").style.display="none";
document.getElementById("bb").style.display="none";
document.getElementById("cc").style.display="";
}
        </script> <tr bgcolor="#ffffff">
 <td align="right"  height="24"  width="150" >&nbsp; </td>    
 <td align="left">
       <input type="submit" name="Submit" value="提交" onclick="javascript:submitform();">
       <input type="reset" name="Submit2" value="重置" onclick="javascript:resetform();">
  </TR>
  </TABLE></DIV>  
  </FORM>  
</BODY>
</HTML>