两级联动select刷新后其值保持不变的实现方法
更新时间：2014年01月27日 15:56:26 作者：
两级联动select刷新后，select值保持不变即点击提交按钮后，页面select中继续维持提交前的值，下面有个不错的示例，大家可以参考下
背景
还是学院和专业的关系，我需要保持点击提交按钮后，页面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中继续维持提交前的值
网上有几种办法，要么通过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>
相关文章
PHP+JS+rsa数据加密传输实现代码，需要的朋友可以参考下。2011-03-03
php+mysql开发的最简单在线题库(在线做题系统)完整案例
这篇文章主要介绍了php+mysql开发的最简单在线题库(在线做题系统)案例,结合完整实例形式分析了PHP结合MySQL数据库查询、判断实现的在线题库功能相关操作技巧,需要的朋友可以参考下2019-03-03
在PHP中,实现页面跳转有多种方法,这些方法包括使用HTTP头信息、JavaScript以及Meta标签,本文给大家介绍了PHP实现页面跳转的三种方式,并通过代码讲解的非常详细,需要的朋友可以参考下2024-11-11
本篇文章是对用PHP实现浏览器点击下载TXT文档的方法进行了详细的分析介绍，需要的朋友参考下2013-06-06
请注意: 整合不成功可能造成的后果-----dz论坛无法登录,无法管理2008-03-03
本篇文章是对PHP设计模式中的责任链模式进行了详细的分析介绍，需要的朋友参考下2013-06-06
4种Windows系统下Laravel框架的开发环境安装及部署方法详解
这篇文章主要介绍了4种Windows系统下Laravel框架的开发环境安装及部署方法详解,需要的朋友可以参考下2020-04-04
这篇文章主要给大家介绍了关于如何利用PHP实现上传图片功能的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-09-09
今天cici网友发来一个问题, 说是在函数调用参数前面使用错误抑制符号(@)的时候, 貌似引用传参就失效了. 他想让我帮他解答为什么.2011-05-05
有时候我们对每一种产品都有一个提成公式，而这个计算提成的公式是以字符串格式存在表中的，当我们用这个计算公式时，他并不像我们写的：$a=2+3*5;这样简单的能计算出结果，而它是个字符串，所以，我们就必须把字符串转化为我们能够处理的结果2017-03-03
最新评论