zoukankan      html  css  js  c++  java
  • 刷新页面时 select值保持不变

    刷新页面时,要使下拉菜单(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

    您的资助是我最大的动力!
    金额随意,欢迎来赏!
    付款后有任何问题请给我留言。

    如果,您认为阅读这篇博客让您有些收获,不妨点击一下右下角的推荐按钮。
    如果,您希望更容易地发现我的新博客,不妨点击一下绿色通道的关注我

    如果,想给予我更多的鼓励,求打

    因为,我的写作热情也离不开您的肯定支持,感谢您的阅读,我是【火锅商人】!

  • 相关阅读:
    8月7号的练习:HDU 1069&&POJ 1636&&HDU 1031&&HDU 1051&&HDU 1551
    8月8号的线段树:HDU 1754&&POJ 3264&&HDU1166
    8月6号的题目:HDU 1003&& POJ 1050&&HDU 1800&&HDU 2036&& POJ 1088(记忆化搜索)
    HDU 1052
    背包问题九讲:
    一个人的旅行 HDU 2066 &&HDU Today HDU 2112
    8月3号的LCS,LIS,LICS:Longest Ordered Subsequence&&Common Subsequence&&Greatest Common Increasing Subsequence
    那些操蛋的搜索题目:逃离迷宫&&哈密顿绕行世界问题
    C语言栈调用机制初探
    linux0.11改进之四 基于内核栈的进程切换
  • 原文地址:https://www.cnblogs.com/swads/p/5313936.html
Copyright © 2011-2022 走看看