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

时间:2023-11-05 11:39:33 

背景

还是学院和专业的关系,我需要保持点击提交按钮后,页面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>
标签:两级联动,select刷新
0
投稿

猜你喜欢

  • MySQL安装后不能用是什么情况该如何解决

    2024-01-25 10:53:38
  • 深入研究Application和Session对象

    2008-10-13 08:30:00
  • 详解ES6之async+await 同步/异步方案

    2023-08-24 11:10:54
  • 关于代码阅读问题的小技巧 脚本之家原创(适合所有网站)不定时更新

    2024-01-04 14:57:42
  • Python绘制K线图之可视化神器pyecharts的使用

    2023-06-28 12:30:58
  • CSS分栏布局的方法:绝对定位和浮动

    2009-04-30 13:10:00
  • ASP 支持中文的len(),left(),right()的函数代码

    2011-03-03 10:59:00
  • 使用PHP 5.0创建图形的巧妙方法

    2023-10-27 00:59:07
  • Python 如何反方向迭代一个序列

    2022-12-07 09:44:19
  • 详解Python中的时间格式的读取与转换(time模块)

    2021-01-09 17:02:38
  • 互联网一家之言(一):叫用户为你买单

    2009-06-09 11:32:00
  • 请给PNG8一个机会:对png8的误解

    2009-09-21 10:45:00
  • python 制作简单的音乐播放器

    2022-09-12 14:30:44
  • 用python实现一个简单计算器(完整DEMO)

    2023-11-10 11:03:48
  • Python OpenCV图像处理之图像滤波特效详解

    2021-06-07 04:36:02
  • 归纳万恶IE6的HACK方法

    2010-02-04 17:17:00
  • ACCESS中Field对象的标题属性

    2008-11-20 17:44:00
  • Python操作Excel把数据分给sheet

    2023-08-07 17:03:53
  • python采集博客中上传的QQ截图文件

    2021-03-03 16:45:25
  • Django REST框架创建一个简单的Api实例讲解

    2023-04-28 01:02:40
  • asp之家 网络编程 m.aspxhome.com