gpt4 book ai didi

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

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 26 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章两级联动select刷新后其值保持不变的实现方法由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

背景 还是学院和专业的关系,我需要保持点击提交按钮后,页面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刷新后其值保持不变的实现方法的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com