您的位置：首页 > 其它

两级联动select刷新后其值保持不变的实现方法

2018-10-12 13:55 806 查看

背景

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

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航