如何使用javascript在下拉列表中保留所选值

嗨,在下面的代码中,我需要保留要显示的选定值.但如果我选择并更新页面,列表框总是显示索引值"SELECT".我希望它显示选定的值.我必须在下面的代码中进行哪些更改

选择 | 换行 | 行号
  1. <select name="year" id="year<%=gfimCount%>"  class="textbox" style="width:60px;" >
  2.   <option value="select">Select</option>
  3.           <script type="text/javascript">
  4.            var YearList = 6; //  number of "year" selections.
  5.            var year = new Date().getFullYear();
  6.                 for(var i=5;i>0;i--){
  7.                var previousyr=year-i;
  8.                document.write('<option value="' + previousyr + '">' + previousyr + '</option>'); 
  9.                 }
  10. //document.write('<option selected="true" value="'+previousyr+'">'+previousyr+'</option>');
  11.                for(var i=0;i<YearList;i++){
  12.                var currentyr = year + i;    
  13.                document.write('<option value="' + currentyr + '">' + currentyr + '</option>');     //document.getElementBbyId(<%="currentyr"%>).value;
  14.                }
  15. //document.write('<option selected="true" value="'+currentyr+'">'+currentyr+'</option>');
  16.         </script>
  17. </select>
# 回答1


自然,每次加载页面时都会重置JavaScript.(否则你可以做一些很好的黑客攻击(比如键盘记录器))
不过,您可以做的是将所选值保存在一个会话(Cookie、WebStorage)中,并在每次加载页面时从该存储加载它.

标签: Javascript

添加新评论