刷新页面时 select、raido值保持不变
2012-04-28 12:04
489 查看
刷新页面时,要使下拉菜单(select)、raido保持不变,用ajax是无法实现的。我想只能通过cookies才能实现。刷新前先把select或radio的值保存在cookies中,刷新后再填回去。下面是测试代码:
<select name="sex" id="sex" onchange="save()"> <option value="01" selected >男</opton> <option value="02" >女</opton> </select> <input id="s1" type="radio" name="xueli" value="0" onclick="save()"/>本科 <input id="s2" type="radio" name="xueli" value="1" checked onclick="save()"/>专科
<script language="javascript" type="text/javascript"> function save() { selectIndex = document.getElementById("sex").selectedIndex; document.cookie = 'selectIndex =' + selectIndex; radios = document.getElementsByName("xueli"); for (i = 0; i < radios.length; i++) { if (radios[i].checked) document.cookie = 'radioindex =' + i; } } 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("sex").options[json.selectIndex].selected = true; document.getElementsByName("xueli")[json.radioindex].checked = true; } else save(); } </script>
相关文章推荐
- 刷新页面时 select值保持不变
- 页面刷新后保持滚动条的位置不变
- jQuery Mobile弹出对话框后不刷新原页面,保持原页面内容不变
- JavaScript当中网页刷新后数值(text、radio、checkbox、select、textarea)保持不变(输入域数据保持)的简单方法
- sharepoint 2010 页面刷新时滚动条位置保持不变 Controlling scrollbar position on postback
- select选项在页面刷新的时候不变回默认值
- 父页面刷新 保持iframe页面url不变
- jsp页面刷新时,保持滚动条位置不变
- 在长aspx页面刷新后保持位置不变
- SharePoint【学习笔记】-- SharePoint 2010 页面刷新时滚动条位置保持不变 Controlling scrollbar position on postback
- js实现刷新页面后select标签保持选中状态
- 两级联动select刷新后其值保持不变的实现方法
- sharepoint 2010 页面刷新时滚动条位置保持不变 Controlling scrollbar position on postback
- 分享一个简单的页面刷新保持菜单不变的好东东
- sharepoint 2010 页面刷新时滚动条位置保持不变 Controlling scrollbar position on postback
- sharepoint 2010 页面刷新时滚动条位置保持不变 Controlling scrollbar position on postback
- 续写上一章,页面刷新后怎么让select保持选中上一个选定值
- 两级联动select刷新后,select值保持不变
- 两级联动select刷新后其值保持不变的实现方法
- jQuery Mobile弹出对话框后不刷新原页面,保持原页面内容不变