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

　　背景

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

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

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

复制代码代码如下:

　　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>