Please find the code which i used. Please tell me how to retain the selected dropdown when we press back in the browser...


<html>
<style type="text/css">
#navMenu {
margin: 70px;
padding: 40px;
}
#navMenu select {
color: #000;
background: #CD5C5C;
font-size: 15px;
font-weight: bold;
padding: 2px 10px;
width: 200px;
font-family:"Calibri",cursive;
text-align:center;
}
p.hiddenMenu {
display: none;
}
p.visibleMenu {
display: inline;
}
</style>

<script type="text/javascript">
var lastDiv = "";
function showDiv(divName)
{
if (lastDiv)
{
document.getElementById(lastDiv).className = "hiddenMenu";
}
if (divName && document.getElementById(divName))
{
document.getElementById(divName).className = "visibleMenu";
lastDiv = divName;
}
}




</script>


<body bgcolor="#87CEFA">
<div id="wrapper">
<div id="navMenu">
<select name="category" id="statename" onchange= "showDiv(this.value);">
<option value="-1"><b>--Select State--</b></option>
<option value="one">one</option>
<option value="two">two</option>
<option value="three">three</option>
<option value="four">four</option>
</select>
<br class="clearFloat" /></br>

<form id="aform">
<p id="one" class="hiddenMenu">
<select id="mymenu" size="1" onchange="window.open(this.options[this.selectedIndex].value,'_parent')" >
<option value="">--select--</option>
<option value="http://google.com">one selected</option>
<option value="http://google.com">two selected</option>
</select>
</form>
</p>


</div></div>
</body>
</html>