码迷,mamicode.com
首页 > 其他好文 > 详细

刷新页面时 select值保持不变

时间:2016-03-24 07:39:12      阅读:279      评论:0      收藏:0      [点我收藏+]

标签:

刷新页面时,要使下拉菜单(select)、raido保持不变,用ajax是无法实现的。我想只能通过cookies才能实现。刷新前先把select或radio的值保存在cookies中,刷新后再填回去。下面是测试代码:

[html] view plain
  1. <select name="sex" id="sex" onchange="save()">  
  2.     <option  value="01" selected >男</opton>  
  3.     <option  value="02" >女</opton>  
  4. </select>  
  5.   
  6. <input id="s1" type="radio" name="xueli" value="0" onclick="save()"/>本科  
  7. <input id="s2" type="radio" name="xueli" value="1" checked onclick="save()"/>专科  

 

[javascript] view plain
  1. <script language="javascript" type="text/javascript">  
  2.     function save() {  
  3.         selectIndex = document.getElementById("sex").selectedIndex;  
  4.         document.cookie = ‘selectIndex =‘ + selectIndex;  
  5.         radios = document.getElementsByName("xueli");  
  6.         for (i = 0; i < radios.length; i++) {  
  7.             if (radios[i].checked) document.cookie = ‘radioindex =‘ + i;  
  8.         }  
  9.     }  
  10.     window.onload = function () {  
  11.         var cooki = document.cookie;  
  12.         if (cooki != "") {  
  13.             cooki = "{\"" + cooki + "\"}";  
  14.             cooki = cooki.replace(/\s*/g, "").replace(/=/g, ‘":"‘).replace(/;/g, ‘","‘);  
  15.             var json = eval("(" + cooki + ")"); //将coolies转成json对象  
  16.             document.getElementById("sex").options[json.selectIndex].selected = true;  
  17.             document.getElementsByName("xueli")[json.radioindex].checked = true;  
  18.         }  
  19.         else  
  20.             save();  
  21.     }  
  22. </script>  

 

 

转自http://blog.csdn.net/fjnu2008/article/details/7519531

刷新页面时 select值保持不变

标签:

原文地址:http://www.cnblogs.com/swads/p/5313936.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!