两级联动select刷新后其值保持不变的实现方法
前端之家收集整理的这篇文章主要介绍了
两级联动select刷新后其值保持不变的实现方法，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
背景 还是学院和专业的关系，我需要保持点击提交按钮后，页面select中继续维持提交前的值 网上有几种办法，要么通过url跳转时候附带参数形式传回页面，或者提交时候讲select的值保存在cookie中，提交后再把cookie中的值填回select中。 我是按照保存在cookie中的方法实现刷新后select值不变，对select设置一个onchange事件
<div class="codetitle"><a style="CURSOR: pointer" data="25690" class="copybut" id="copybut25690" onclick="doCopy('code25690')"> 代码如下:
<div class="codebody" id="code25690">
<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
}
