关闭

两级联动select刷新后,select值保持不变

1247人阅读 评论(0) 收藏 举报
分类:

背景

还是学院和专业的关系,我需要保持点击提交按钮后,页面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>


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:89765次
    • 积分:1536
    • 等级:
    • 排名:千里之外
    • 原创:61篇
    • 转载:22篇
    • 译文:1篇
    • 评论:5条
    最新评论