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


猜你喜欢
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
