两级联动select刷新后其值保持不变的实现方法

172 阅读 0 评论 114 点赞

我是靠谱客的博主风趣衬衫，最近开发中收集的这篇文章主要介绍两级联动select刷新后其值保持不变的实现方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

背景

还是学院和专业的关系，我需要保持点击提交按钮后，页面select中继续维持提交前的值

网上有几种办法，要么通过url跳转时候附带参数形式传回页面，或者提交时候讲select的值保存在cookie中，提交后再把cookie中的值填回select中。

我是按照保存在cookie中的方法实现刷新后select值不变，对select设置一个onchange事件

复制代码代码如下:

 
<script type="text/javascript"> 
window.onload = function () { 
var cooki = document.cookie; 
if (cooki != "") { 
cooki = "{\"" + cooki + "\"}"; 
cooki = cooki.replace(/\s*/g, "").replace(/=/g, '":"').replace(/;/g, '","'); 
var json = eval("(" + cooki + ")"); //将coolies转成json对象 
document.getElementById("selectID").options[json.selIndex].selected = true;//保持原来的选项 
} 
else 
save(); 
} 
function change() 
{ 
selectIndex = document.getElementById("selectID").selectedIndex; 
document.cookie = 'selIndex =' + selectIndex;//保存在cookie中，键名为selIndex 
} 
</script> 