www.adminn.cn
站长正能量分享网!

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

AD:阿里云服务器企业会员更优惠 腾讯云香港,韩国免备案服务器1.8折优惠

两级联动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> 

模板优惠价: (点击购买)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《两级联动select刷新后其值保持不变的实现方法》
文章链接:https://www.adminn.cn/news/8529.html
本站资源模板仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。2021.5月起,网站调整,暂不再分享免费模板。谢谢理解

Adminn.Cn 站长分享圈

帝国CMS精品模板腾讯云优惠券,代金券

2次开发,学习研究使用!扫码支付后联系QQ677123发货!

支付宝扫一扫打赏