两级联动select刷新后，select值保持不变即点击提交按钮后，页面select中继续维持提交前的值，下面有个不错的示例，大家可以参考下。

背景

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

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

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

1. <script type="text/javascript">  
2. window.onload = function () {  
3. var cooki = document.cookie;  
4. if (cooki != "") {  
5. cooki = "{\"" + cooki + "\"}";  
6. cooki = cooki.replace(/\s*/g, "").replace(/=/g, '":"').replace(/;/g, '","');  
7. var json = eval("(" + cooki + ")"); //将coolies转成json对象  
8. document.getElementById("selectID").options[json.selIndex].selected = true;//保持原来的选项  
9. }  
10. else  
11. save();  
12. }  
13. function change()  
14. {  
15. selectIndex = document.getElementById("selectID").selectedIndex;  
16. document.cookie = 'selIndex =' + selectIndex;//保存在cookie中，键名为selIndex  
17. }  
18. </script> 

Tags: select刷新

分享到：