JavaScript实现省市联动过程中bug的解决方法
作者:风雨前行 发布时间:2024-04-19 10:46:05
标签:js,省市联动,bug
本文为大家分享了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
0
投稿
猜你喜欢
- 目录介绍:原理:1.标准import2.reload函数实现:总结:介绍:热更新,就是在服务器不重启的的情况下,对游戏增加新的功能或者修复出
- 本文主要介绍的是MySQL慢查询分析方法,前一段日子,我曾经设置了一次记录在MySQL数据库中对慢于1秒钟的SQL语句进行查询。想起来有几个
- 首先下载搜索图标:控件中的搜索图标下载地址:http://www.easyicon.net/1183666-Search_icon.html
- (1)安装Jpype 用Python调用jar包需要安装jpype扩展,在Ubuntu上可以直接使用apt-get安装jpype扩展$ su
- 用一句话概括冷备,就是把数据库服务,比如MySQL,O
- 有时我们需要在一个页面上使用多个Fck的实例,首先需要按照id获取fck的实例。例如: <FCKeditorV2:FCKeditor
- 你喜欢在博客文章中使用图片吗?是的,如果不是很麻烦的话,相信大家都不会介意放上几张漂亮的图片来点缀一下内容的,不过你的图片可能会导致下面的两
- 实现效果:通过url所绑定的关键名创建目录名,每次访问一个网页url后把文件下载下来代码:其中 data[i][0]、data[i][1]
- 一、下载安装官网下载社区版dmg安装文件: https://dev.mysql.com/downloads/mysql/1、执行安装文件,按
- 本文实例为大家分享了Python求多幅图像栅格值的平均值,供大家参考,具体内容如下本程序所采用的方法并不是最优方法,ARCGIS已经提供了相
- 前言golang实现定时任务很简单,只须要简单几步代码即可以完成,最近在做了几个定时任务,想研究一下它内部是怎么实现的,所以将源码过了一遍,
- 目前有好几种方法可以将python文件打包成exe应用程序文件,例如py2exe,pyinstaller等,比较下来,还是觉得pyinsta
- 在上一篇《服务器XMLHTTP(Server XMLHTTP in ASP)基础》中我介绍了一下ServerX
- 加入CDC的这段日子里,工作中积累的小心得都密密麻麻的收在册子里。恰逢近期的校园招聘正如火如荼的展开着,借此机会,我把这一些不太成熟的小想法
- 事务特性1、原子性(Atomicity):事务开始后所有操作,要么全部做完,要么全部不做,不可能停滞在中间环节。2、一致性(Consiste
- 在python中利用numpy array进行数据处理,经常需要找出符合某些要求的数据位置,有时候还需要对这些位置重新赋值。这里总结了几种找
- 这次介绍日期数据处理。用python中的方法对日期数据进行处理, 我们可以获取很多有用的信息, 比如年月日,星期,周次,季度等, 这里分享工
- 目录1. 简介2. 示例代码13. 示例代码24. 启动异常1. 简介Gunicorn(Green Unicorn)是给Unix用的WSGI
- APScheduler (advanceded python scheduler)是一款Python开发的定时任务工具。文档地址
- 数学模块import mathceil -- 上取整对一个数向上取整(进一法),取相邻最近的两个整数的最大值。import mathres