博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
省市区三级联动(二)JS部分简单版
阅读量:4880 次
发布时间:2019-06-11

本文共 922 字,大约阅读时间需要 3 分钟。

通过对上一篇《省市区三级联动》的学习发现JScript部分省市区的填充代码几乎相同,所以可以写成一个函数。

注意:html部分和chuli.php部分不变

 

1.下拉列表填充可以写成带参数的函数

$("#sjld").html("");    	//1.填充省市区	fill("0001",$("#sheng"));	fill($("#sheng"),$("#shi"));	fill($("#shi"),$("#qu"));

  

2.省或区发生改变,市和区的填充也写成带参数的函数

//2.改变省选择,相应的要重新填充市、区选择	$("#sheng").change(function(){				fill($("#sheng"),$("#shi"));		fill($("#shi"),$("#qu"));				})				    //3.改变市选择,相应的要重新填充区选择	$("#shi").change(function(){				fill($("#shi"),$("#qu"));				})

  

3.填充省市区的函数方法可以写成fill(p,z)函数

function fill(p,z)	{		//获取父级代号		if(p=="0001")		{			var pcode=p;		}		else		{			var pcode=p.val();		}			//调用ajax方法		$.ajax({						async:false,			url:"chulisjld.php",			data:{pcode:pcode},			type:"POST",			dataType:"TEXT",			success: function(data){								var hang=data.split("|");				var str="";								for(var i=0;i
"+lie[1]+""; } z.html(str); } }) }

  

转载于:https://www.cnblogs.com/zst062102/p/5513476.html

你可能感兴趣的文章
CentOS VMware 下SSH配置方法详解
查看>>
【DNN 系列】 添加模块后不显示
查看>>
Java Spring MVC 错误 及 常见问题 总结
查看>>
移动端默认兼容各手机比例
查看>>
案例4-修改商品
查看>>
桥接模式
查看>>
20155235 2016-2017-2 《Java程序设计》第十周学习总结
查看>>
对象切片与虚函数机制
查看>>
applicationContext.xml xxx-servlet.xml
查看>>
智能 PDU IP 地址设置步骤
查看>>
public,private,protected,internal作用
查看>>
YII2.0文件缓存 如何实现跨模块读取缓存?
查看>>
promise你懂了吗?
查看>>
python爬虫之快速对js内容进行破解
查看>>
Java Web学习脑图
查看>>
LLVM的总结
查看>>
Android 开发中 iBeacon的使用
查看>>
Android应用程序组件Content Provider应用实例
查看>>
Akka(11): 分布式运算:集群-均衡负载
查看>>
Java学习笔记day05_方法重载
查看>>