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
投稿
猜你喜欢
基于Python创建语音识别控制系统
2021-08-29 14:02:10
页面重构中的组件制作要点
2009-10-25 13:06:00
X/HTML5 v.s. XHTML2(I)
2008-06-17 18:00:00
如何创建第一个Pygame程序
2022-12-05 21:02:12
python开发一个解析protobuf文件的简单编译器
2021-08-11 12:01:22
python模拟登录并且保持cookie的方法详解
2023-09-06 06:07:16
图文详解Python中如何简单地解决Microsoft Visual C++ 14.0报错
2021-09-09 02:16:48
python字典排序浅析介绍
2022-01-30 17:45:00
Python自动化办公之创建PPT文件
2022-01-16 19:31:49
Python图像处理之直线和曲线的拟合与绘制【curve_fit()应用】
2021-01-28 10:30:49
PHP函数按引用传递参数及函数可选参数用法示例
2023-11-14 11:08:06
Ubuntu 下 vim 搭建python 环境 配置
2022-04-27 21:25:17
python构造icmp echo请求和实现网络探测器功能代码分享
2023-07-14 15:53:43
golang API请求队列的实现
2024-03-11 16:39:50
LangChain简化ChatGPT工程复杂度使用详解
2022-10-21 22:25:34
ie7空格的间距要比ie6/firefox/opera的都要大
2008-05-24 16:54:00
如何解决pycharm中用matplotlib画图不显示中文的问题
2022-03-18 12:20:27
Python利用networkx画图绘制Les Misérables人物关系
2021-03-31 07:41:54
Python OpenCV直方图均衡化详解
2022-11-03 17:35:35
Golang 中的json.Marshal问题总结(推荐)
2024-02-16 04:20:22