两级联动select刷新后,select值保持不变
2013-12-02 16:34
337 查看
背景
还是学院和专业的关系,我需要保持点击提交按钮后,页面select中继续维持提交前的值
网上有几种办法,要么通过url跳转时候附带参数形式传回页面,或者提交时候讲select的值保存在cookie中,提交后再把cookie中的值填回select中。
我是按照保存在cookie中的方法实现刷新后select值不变,对select设置一个onchange事件
还是学院和专业的关系,我需要保持点击提交按钮后,页面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刷新后其值保持不变的实现方法
- 两级联动select刷新后其值保持不变的实现方法
- 刷新页面时 select值保持不变
- 刷新页面时 select、raido值保持不变
- JavaScript当中网页刷新后数值(text、radio、checkbox、select、textarea)保持不变(输入域数据保持)的简单方法
- NET:异步刷新,dropdownlist两级联动, Triggers
- 故障管理系统--select两级联动查询
- 安卓ListView选中后保持高亮状态,且两级联动带图标
- xmlhttp实现的三级连动下拉菜单(无刷新)经测试,有bug。无法三级联动,只能两级连动。
- Javascript 实现无刷新联动菜单(select)的方法
- 续写上一章,页面刷新后怎么让select保持选中上一个选定值
- 页面刷新后保持滚动条的位置不变
- jsp页面刷新时,保持滚动条位置不变
- sharepoint 2010 页面刷新时滚动条位置保持不变 Controlling scrollbar position on postback
- SharePoint【学习笔记】-- SharePoint 2010 页面刷新时滚动条位置保持不变 Controlling scrollbar position on postback
- Javascript 实现无刷新联动菜单(select)的方法
- 基于jQuery下拉两级联动select
- html中select标签刷新后不回到默认值而是保持之前选择值
- JS实现无刷新联动菜单(select)的方法
- JS实现无刷新联动菜单(select)的方法