JavaScript实现省市联动过程中bug的解决方法

作者:风雨前行 时间:2024-04-19 10:46:05 

本文为大家分享了JavaScript实现省市联动过程中bug的解决方法,供大家参考,具体内容如下

先把实现省市联动遇到的问题描述一下

1.1.原来的思路

1.1.1、初始化加载省份


$.ajax({
'type' : 'POST',
'dataType' : 'json',
'url' : '${rc.contextPath}/crm/merchantMgr/editMerchantBankAccount.htm?method=getBankProvinces',
'success' : function(msg) {
 bankProvinces = msg;
 for(var i=0;i<bankProvinces.length;i++){
 $("#key_DSGAprovince").append("<option value='"+bankProvinces[i][0]+"'>"+bankProvinces[i][0]+"</option>");
 }

},
'cache' : false,
'async' : false
});

1.1.2、当点击省份的时候加载城市


function getBankCitys(){
$("#key_DSGAcity").empty();
var DSGAprovince=$("#key_DSGAprovince option:selected").text();
$.ajax({
'type':'POST',
'data': {"province":DSGAprovince},
'dataType': 'json',
'url':'${rc.contextPath}/crm/merchantMgr/editMerchantBankAccount.htm?method=getBankCities',
'success' : function(msg) {
 cities = msg;
 for(var i=0;i<cities.length;i++){
 $("#key_DSGAcity").append("<option value='"+cities[i][0]+"'>"+cities[i][0]+"</option>");

}
},

});
}

1.1.3、问题点

当加载的时候是没有问题的能实现联动,但是当回显的时候是不能加载城市的,但是省份能加载进来。


var tVal = '海南省';
if(tVal!=""){$("#key_DSGAprovince").val(tVal);}

var tVal = '文昌';
if(tVal!=""){$("#key_DSGAcity").val(tVal);}

1.1.4、分析

这是因为在初始化的时候,只是加载进来省份了,而if(tVal!=""){$("#key_DSGAcity").val(tVal);}这句话的意思就是说必须前提条件把城市的option里面放到页面才能取出来值。

1.1.5、解决方案


var DSGAprovince = '${myObj.DSGAprovince?default("请选择")}';

$.ajax({
'type':'POST',
'data': {"province":DSGAprovince},
'dataType': 'json',
'url':'${rc.contextPath}/crm/merchantMgr/editMerchantBankAccount.htm?method=getBankCities',
'success' : function(msg) {
 cities = msg;
 for(var i=0;i<cities.length;i++){
 $("#key_DSGAcity").append("<option value='"+cities[i][0]+"'>"+cities[i][0]+"</option>");
 }
},
'cache':false,
'async':false,
});

在初始化的时候就根据省份加载一遍就可以了。

来源:http://www.cnblogs.com/qingruihappy/p/7976380.html

标签:js,省市联动,bug
0
投稿

猜你喜欢

  • plt.subplot()参数及使用介绍

    2022-03-23 09:17:03
  • Django查询数据库的性能优化示例代码

    2024-01-22 22:18:48
  • SQLServer触发器创建、删除、修改、查看示例代码

    2024-01-22 16:33:03
  • MySql数据引擎简介与选择方法

    2024-01-28 12:04:29
  • git push 本地项目推送到远程分支的方法(git命令版)

    2022-06-16 02:03:13
  • python的描述符(descriptor)、装饰器(property)造成的一个无限递归问题分享

    2023-04-29 08:57:32
  • pytorch中tensor的合并与截取方法

    2022-02-11 14:16:58
  • python机器学习朴素贝叶斯算法及模型的选择和调优详解

    2022-05-16 00:38:26
  • MySQL 选择合适的存储引擎

    2024-01-21 08:55:24
  • Python实现手机号自动判断男女性别(实例解析)

    2021-06-24 21:47:28
  • 在Windows的Apache服务器上配置对PHP和CGI的支持

    2023-10-20 22:12:17
  • 让ASP也支持动态include文件

    2008-05-08 13:00:00
  • webpack css加载和图片加载的方法示例

    2024-04-22 13:02:13
  • Javascript函数类型判断解决方案

    2009-08-27 15:32:00
  • Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例

    2022-10-04 00:34:40
  • 简单掌握Python的Collections模块中counter结构的用法

    2023-05-17 00:20:13
  • 仿QQ和MSN消息提示的效果代码

    2010-03-16 12:17:00
  • python解决网站的反爬虫策略总结

    2022-11-04 12:57:34
  • [翻译]标记语言和样式手册 Chapter 1 清单

    2008-01-15 10:26:00
  • python爬虫URL重试机制的实现方法(python2.7以及python3.5)

    2023-08-06 07:51:43
  • asp之家 网络编程 m.aspxhome.com