加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

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

发布时间:2020-12-12 20:02:20 所属栏目:PHP教程 来源:网络整理
导读:背景 还是学院和专业的关系,我需要保持点击提交按钮后,页面select中继续维持提交前的值 网上有几种办法,要么通过url跳转时候附带参数形式传回页面,或者提交时候讲select的值保存在cookie中,提交后再把cookie中的值填回select中。 我是按照保存在cookie

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读