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

原创 2013年12月02日 16:34:49

背景

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

刷新页面时,要使下拉菜单(select)、raido保持不变,用ajax是无法实现的。我想只能通过cookies才能实现。刷新前先把select或radio的值保存在cookies中,刷新后再填回去。...

html中select标签刷新后不回到默认值而是保持之前选择值

问题描述:在使用select标签时,当选定下拉菜单的某一个值后,点击搜索可以搜索出相应的结果。但是,当点击下一页或者刷新页面时,select选定的条件会发生改变。 全部 有效 ...

Jquery-select-处理二级联动的一种简单方式

Jquery-select-处理二级联动的一种简单方式问题背景: 页面中有很多级联数据时,处理起来很麻烦。比如我们需要处理一个城市的二级联动, 先选择省,然后选择市。思考一下我们数据的字典的...

提交表单时,固定jsp页面<select>标签下option的值不刷新

主要内容:SSH解决从a.jsp页面中的select标签中选中一个值param,同时将param提交到Action,再将结果传回a.jsp同时保持之前选中 的param仍为选中状态。 a.jsp页...

JavaScript当中网页刷新后数值(text、radio、checkbox、select、textarea)保持不变(输入域数据保持)的简单方法

JavaScript当中网页刷新后数值(text、radio、checkbox、select、textarea)保持不变(输入域数据保持)的简单方法 其实方法都差不多,直接使用this.value=...

angularJs select两级联动

下拉框的默认选项一般是可以通过使用ng-init指令或者在控制器中对select的model值进行赋值来达到这个目的的。 关于使用ng-repeat还是ng-options的选择,当我们的下拉列...

select联动菜单

  • 2015年06月05日 10:43
  • 4KB
  • 下载

javascript 无刷新select联动菜单

本文详细介绍了联动菜单的实现方式,知道了原理,我们可以很容易地制作从XML、数据库加载的无限级联动菜单 联动菜单的实现方法: 1.确定数据格式: 首先,我们介绍一下创建 Option 的语法: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:两级联动select刷新后,select值保持不变
举报原因:
原因补充:

(最多只允许输入30个字)