how to keep the selected values in the drop down list using javascript

[vigneshm0601]

Hi, Here in the below code i need to keep the selected value to be shown. But if i select and update the page the list box always shows the index value "select".I want it to show the selected value. what changes i have to make in the below code

<select name="year" id="year<%=gfimCount%>"  class="textbox" style="width:60px;" >
  <option value="select">Select</option>
          <script type="text/javascript">
           var YearList = 6; //  number of "year" selections.
           var year = new Date().getFullYear();
                for(var i=5;i>0;i--){
               var previousyr=year-i;
               document.write('<option value="' + previousyr + '">' + previousyr + '</option>'); 
                }
//document.write('<option selected="true" value="'+previousyr+'">'+previousyr+'</option>');
               for(var i=0;i<YearList;i++){
               var currentyr = year + i;    
               document.write('<option value="' + currentyr + '">' + currentyr + '</option>');     //document.getElementBbyId(<%="currentyr"%>).value;
               }
//document.write('<option selected="true" value="'+currentyr+'">'+currentyr+'</option>');
        </script>
</select>

[Dormilich]

But if i select and update the page the list box always shows the index value "select".

naturally, JavaScript is reset on every page load. (otherwise you could do some nice hacking attacks (like a key logger))

what you can do though is saving the selected value in a session (cookie, WebStorage) and load it off that store on every page load.