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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了两级联动select刷新后其值保持不变的实现方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含912字，纯文字阅读大概需要2分钟。

内容图文

背景

还是学院和专业的关系，我需要保持点击提交按钮后，页面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刷新后其值保持不变的实现方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/269371.html

来源：【匿名】