当前位置：首页 > 编程日记 > 正文

浏览器前进后退对下拉框数据的丢失（省市联动实现和例子）

编程日记 2024-11-04 01:00:00

浏览器前进后退对下拉框数据的丢失的问题，典型的为省市下拉框联动时城市数据的丢失。省市联动一般的实现为城市在省份的选择后js加载。

那么每次城市的改变只需要重新加载新的城市数据并更新下拉框即可：

下拉函数

function ReloadCities() {
    var $ddlCity = $("#CityId");
    var selec = $("#ProvinceId").val();
    if (selec) {
        $ddlCity.find("option").remove();
        var url = "@(Url.Action("CityListByProvinceId", "Common", new { area = "Default" }))";
        $.post(url, { 'id': selec }, function (data) {
            $.each(data, function (i, item) {
                $("<option></option>").val(item.AddressId).text(item.AddressName).appendTo($ddlCity);
            });
        }, "json");
    }
    else {
        $ddlCity.find("option").remove();
        $("<option></option>").val("").text("--请选择--").appendTo($ddlCity);
    }
}

正常使用没有问题，但是当用户跳转到其它页面再回退时选中丢失。关于回退普及下面几个关键的知识点：

一般都会自动使用缓存的数据，除非禁用缓存才会重新从服务端获取数据。
大部分浏览器在默认设置下都会保存每个元素的value，也就是用户输入的数据。
具体的知识可以查看widnow对象的history。

知道了以上几点后，首先，为什么城市列表会丢失，因为它是js操作dom的结果，所以增加触发代码：

触发代码

$(document).ready(function () {
            if (!$("#CityId").val()) {
                ReloadCities();
            }});

城市是加载出来了，但是选中的状态丢了。怎么办呢，抱着绕开这个复杂的城市元素的思路，直接放个隐藏的input来保存前后的value，那么解决方案就出来了。

同步隐藏input的代码

$("#CityId").change(function () {
                $("#cityIdHidden").val($("#CityId").val());
            });

在重新加载城市列表时从隐藏input中获取value值，新代码为红色段

function ReloadCities() {
           var $ddlCity = $("#CityId");
           var selec = $("#ProvinceId").val();
           if (selec) {
               $ddlCity.find("option").remove();
               var url = "@(Url.Action("CityListByProvinceId", "Common", new { area = "Default" }))";
               $.post(url, { 'id': selec }, function (data) {
                   $.each(data, function (i, item) {
                       $("<option></option>").val(item.AddressId).text(item.AddressName).appendTo($ddlCity);
                   });
                   if ($("#cityIdHidden").val()) {
                       $("#CityId").val($("#cityIdHidden").val());
                   }
               }, "json");
           }
           else {
               $ddlCity.find("option").remove();
               $("<option></option>").val("").text("--请选择--").appendTo($ddlCity);
           }
       }

都搞定。

本文转自today4king博客园博客，原文链接：http://www.cnblogs.com/jinzhao/p/3184462.html，如需转载请自行联系原作者

https://www.dkcj.cn/info/25959.html

Linux（centOS）手动安装Apache+MySQL+PHP+Memcached+Nginx原创无错版

最后更新时间：2012.3.21 第一步：Apache安装(已更新到2.2.22) 下载去 http://www.apache.org 自己找新的 http://httpd.apache.org/ 国内有很多镜像点例如"人人"和"163" http://labs.renren.com/ 注意要找httpd，因为a…

编程日记2024/11/04 00:50:00

首届“陇剑杯”网络安全大赛线上赛圆满结束

9月14日，集结了各行业领域3020支战队、11135名网络安全精英的首届“陇剑杯”网络安全大赛线上赛圆满结束，成功拉开将于9月25日在甘肃兰州新区举行的总决赛战幕。届时，涵盖网络配置、数据分析和漏洞修复等真实数字化业务场景的网络防御赛道和R…

编程日记2024/11/04 00:40:00

与流氓软件的一次艰苦“奋战”

不知道大家有么有过这样的经历，英语不好，但有些时候找东西，还只有英文网站上有，但英文网站上下载东西，有时候不小心就会下错，稍有不慎，电脑就中标了；这不我昨天就遇到了，…

编程日记2024/11/04 00:30:00

1.主库和从库都必须要开启binlog2.主库和从库server-id不相同3.建立主从辅助用户grant replication slave on . to rep192.168.200.% identified by oldboy;[mysqld]server-id1log-binmysql.binbinlog_formatrowgtid_modeONenforce_gtid_consistencylog_slave_updatesrelay_log…

编程日记2024/11/04 00:20:00

Python 解一道江苏小升初数学题，如此变态，看不起来谁？

作者：小小明【江湖人称"明佬"】链接：blog.csdn.net/as604049322/article/details/118388505注明：本文经过作者小小明授权发布，可戳原文链接关注原文作者！本文简介大家好，我是黄同学????前段时…

编程日记2024/11/04 00:10:00

利用负载均衡优化和加速HTTP应用

1.负载均衡技术简介现代企业信息化应用越来越多的采用B/S应用架构来承载企业的关键业务，因此，确保这些任务的可靠运行就变得日益重要。随着越来越多的企业实施数据集中，应用的扩展性、安全性和可靠性也越来越受到企业的重视。负载均衡技术通…

编程日记2024/11/04 00:00:00

查看sqlserver被锁的表以及如何解锁

查看sqlserver被锁的表以及如何解锁查看被锁表：www.2cto.com select request_session_id spid,OBJECT_NAME(resource_associated_entity_id) tableName from sys.dm_tran_locks where resource_typeOBJECTspid 锁表进程 tableName 被锁表名解锁&#x…

编程日记2024/11/03 23:50:00

Centos 6.4下MySQL备份及还原详情介绍

我们前面文中中介绍了centos 6.4下MySQL的安装及配置，安装后为了保证数据的安全性所以我们同样也要学会备份及还原，备份及还原操作在我们的真实工作环境中是必不可少的，由于是对数据库数据备份，所以今天我们就随之介绍一下&#x…

编程日记2024/11/03 23:40:00

iPhone 13 终于等到了！降价、新颜色、电池续航性能大提升

整理 | 禾木木、苏宓出品 | AI科技大本营（ID:rgznai100） 它来了，真的来了！ 不知有多少朋友守在今日凌晨观看一年一度的科技春晚——苹果发布会！ 还是那个熟悉的样子，从加利福尼亚的沙漠中向我们走来&am…

编程日记2024/11/03 23:30:00

“httpd未被被识别的服务”的解决办法

使用自动编译安装会出现这个问题，也就是输入 #service httpd restart 给出这样的提示；这时候要重启可以 #/usr/local/apache2/bin/apachectl start 如果你希望使用 #service httpd restart 那么需要按下面的做法注意的是daemon /usr/local/apache…

编程日记2024/11/03 23:20:00

安装sql 2005 闪退连接到服务器失败。错误:0x80070424

可以尝试安装.net4.0 我是通过此办法解决。本文转自 freeterman 51CTO博客，原文链接：http://blog.51cto.com/myunix/1751338，如需转载请自行联系原作者

编程日记2024/11/03 23:10:00

简述DataInputStream和DataOuputStream

2019独角兽企业重金招聘Python工程师标准>>> Java开发中经常会用到IO流，那么就会碰到DataInputStream和DataOuputStream这两个包装类。下面就来简述一下这两种包装类的用法： 1.DataOutputStream：标准的数据输出流，将ja…

编程日记2024/11/03 23:00:00

数字时代企业迎变局，如何让增长变简单？

随着企业数字化转型进入深水区，企业增长模式正迎来跨时代巨变：营销场景复杂且多变，用户触点丰富而分散， MarTech（营销技术）解决方案愈加碎片化，企业营销增长过程中各环节间的割裂，让…

编程日记2024/11/03 22:50:00

Linux服务器网络开发模型

为什么Nginx的性能要比Apache高得多? 这主要是因为Nginx使用了最新的epoll（Linux 2.6内核）和kqueue（FreeBSD）网络I/O模型，而Apache则使用的是传统的select模型。曾在一篇博客上看到有这么个实例：假设你在大…

编程日记2024/11/03 22:40:00

《从零开始学Swift》学习笔记（Day 47）——final关键字

在类的定义中使用final关键字声明类、属性、方法和下标。final声明的类不能被继承，final声明的属性、方法和下标不能被重写。下面看一个示例： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051final cl…

编程日记2024/11/03 22:30:00

CentOS 5.5 编译安装apache+php+mysql，利用CMS快速建立论坛

这个是转来的，细节没有验证，请网友自己斟酌。。。。。。。。。。CentOS 5.5 编译安装apachephpmysql，利用CMS快速建立论坛1、安装Apache [rootbogon tmp]# wget http://labs.renren.com/apache-mirror/httpd/httpd-2.2.15.tar.bz2 [rootbogo…

编程日记2024/11/03 22:20:00

SDT（software-defined Things)？软件定义的物件

物联网（IOT）的概念早在1999年就被宝洁公司的员工Kevin Ashton正式提出，可直到这最近几年才越来越火，无论国内外，但凡跟IOT 搭上点边的都能吸引众多的目光。2014年，投到智能硬件方向的风险资金就占到VC的一半…

编程日记2024/11/03 22:10:00

赠书福利 | Tidio AI 趋势报告：约42%受访者能够接受机器人伴侣

编译 | 禾木木出品 | AI科技大本营（ID:rgznai100）文章内图源：Tidio近日，波士顿动力发布了一段机器人跳舞的视频，有些人不敢相信他们所看到的，它看起来更像是皮克斯动画而不是真实的镜头。有人说&#xff1a…

编程日记2024/11/03 22:00:00

Airlaunch 快捷设置代码分享

Airlaunch 快捷设置代码分享设置：prefs:rootSETTING蜂窝网络：prefs:rootMOBILE_DATA_SETTINGS_IDWIFI：prefs:rootWIFI定位服务：prefs:rootLOCATION_SERVICES蓝牙：prefs:rootBluetooth辅助功能：prefs:rootGe…

编程日记2024/11/03 21:50:00