文档章节

地址接口调用

唐娇
 唐娇
发布于 2016/12/07 13:31
字数 256
阅读 1
收藏 0
点赞 0
评论 0
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="jq.js" type="text/javascript"></script>	
<script type="text/javascript"> 
$(function(){
getProvince();
$("#province").change(function(){

     var code=$(this).val();
      getCity(code);
 
 $("#city").change(function(){
 	var code=$(this).val();
 	getDisc(code);

 	$("#disc").change(function(){
 	var code=$(this).val();
 	getStreet(code);
 });
 });
 });
});

function getProvince(){
 $.get("http://www.hxyxt.com/yxtws/v1/hxyxt/account/getaccount",function(data){
 var $select = $('#province');  
for(var i=0; i<data.length;i++){  
  $select.append('<option value="'+data[i].isocode+'">'+data[i].name+'</option>'); 
} 

 });
}

function  getCity(code){
 $.get("http://www.hxyxt.com/yxtws/v1/hxyxt/account/select-address?cmd=provinceselected&value="+code,function(data){
 var $select = $('#city');
for(var i=0; i<data.length;i++){  
  $select.append('<option value="'+data[i].code+'">'+data[i].name+'</option>'); 
} 
});
}
function getDisc(code){

$.get("http://www.hxyxt.com/yxtws/v1/hxyxt/account/select-address?cmd=cityselected&value="+code,function(data){
	 var $select = $('#disc');
	 // console.log(data);
	 for(var i=0; i<data.length;i++){  
  $select.append('<option value="'+data[i].code+'">'+data[i].name+'</option>'); 
}
});
}
function getStreet(code){
$.get("http://www.hxyxt.com/yxtws/v1/hxyxt/account/select-address?cmd=districtselected&value="+code,function(data){
	 var $select = $('#street');

	 for(var i=0; i<data.length;i++){  
  $select.append('<option value="'+data[i].code+'">'+data[i].name+'</option>');
}
});
}
</script> 
<select id="province" name="province"> 
<option>----请选择省份----</option>

</select>
<select id="city" name="city" > 
<option>----请选择城市----</option>
</select>
<select id="disc" name="disc" > 
<option>----请选择区或县----</option>
</select>
<select id="street" name="street" > 
<option>----请选择街道----</option>
</select>
</script>
</head>
<body>
</body>
</html>

图案示例

© 著作权归作者所有

共有 人打赏支持
唐娇
粉丝 0
博文 24
码字总数 7388
作品 0
昆明
程序员
ecit0086/Node-SpliderApi

SpliderApi 基于Node+express 的一个网络爬虫 API接口 包括前端开发日报、知乎日报、前端top框架排行、妹纸福利、搞笑视频、各类视频新闻资讯 热点详情接口数 接口文档使用的是 $docsify 生成...

ecit0086
2017/07/15
0
0
Linux Socket学习--面向非连接的协议

套接口的通信有2中基本方式:面向连接和面向非连接的通信。 面向非连接指的是通信之前不需要建立连接,我们生成了一个非连接的套接口,就可以向任何愿意接受我们消息的套接口发送消息,而且每...

泳泳啊泳泳
2017/12/28
0
0
Linux Socket学习--面向非连接的协议

套接口的通信有2中基本方式:面向连接和面向非连接的通信。 面向非连接指的是通信之前不需要建立连接,我们生成了一个非连接的套接口,就可以向任何愿意接受我们消息的套接口发送消息,而且每...

泳泳啊泳泳
2017/12/28
0
0
驱动移植过程中DMA内存相关接口替换

1. 相关概念介绍及移植简介 1.1 物理地址与总线地址 1)物理地址是与CPU相关的。在CPU的地址信号线上产生的就是物理地址,在程序指令中的的虚拟地址经过段映射和页面映射后,就生成了物理地址...

炉yu
2017/09/11
0
0
Spring Cloud中如何优雅的使用Feign调用接口

JAVA 项目中接口调用怎么做 ? Httpclient Okhttp Httpurlconnection RestTemplate 上面是最常见的几种用法,我们今天要介绍的用法比上面的更简单,方便,它就是 Feign Feign是一个声明式的R...

尹吉欢
2017/11/23
0
0
(1)SpringCloud 整合Python

1.引言 说到这门语言,应该都会很熟悉,近几年来大火,几乎都到了人人喊着:“人生苦短,我学”的境地,确实在机器学习方面有着得天独厚的优势,在语言中拥有很多现成的机器学习函数库,然后...

LoveCarpenter
2017/12/18
0
0
浅谈Android的回调

C不会自己调用b,C提供b的目的就是让S来调用它,而且C不得不提供。S并不知道C提供的b是什么,因此S会约定b的接口规范(函数原型),然后由C提前通过S的一个函数r告诉S自己将要使用b函数(即注册...

博为峰教研组
2016/10/27
20
0
编写python调用dubbo接口hessian协议的例子

引子 今天有小伙伴问到了怎么用python调用dubbo的接口的方法,就随便写了这么一篇文章。其实dubbo接口可以使用loadrunner、jmeter等完成,最好是熟悉java语言的,那么编写起来就丝滑了很多哦...

xqtesting
2017/12/18
0
0
汽车违章查询api 支持多城市违章查询

汽车违章查询api支持多省份直连查询,目前支持广东、北京、上海、江苏、湖北、山东、重庆、贵州、海南、云南、青海等等城市的交通违章查询,调用非常方便快捷。 1.支持城市及查询条件 2.查询...

熊babi
2016/03/28
249
0
Iperf 源代码分析(四)

Socket 类 Socket的定义和实现分别在文件Socket.hpp和 Socket.cpp中。它的主要功能是封装了socket文件描述符、此socket对应的端口号,以及socket接口中的listen, accept, connect和close等函...

KiteRunner
2014/05/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

istio 请求路由

请求路由 此页面描述了如何在Istio服务网格中的服务之间路由请求。 服务模型和服务版本 如Pilot中所述,Pilot维护特定网格中服务的规范表示。服务的Istio模型独立于它在底层平台(Kubernete...

xiaomin0322
2分钟前
0
0
运行.jar后缀的文件

前提必须安装了jdk,正确配置环境变量。 在dos窗口执行以下命令即可。 java -jar C:\Users\10492\Desktop\turn.jar

haha360
4分钟前
0
0
Java程序员如何做代码压力测试?【JWordPress前台项目实战】

代码 pom.xml文件引入包 <dependency><groupId>com.taobao.stresstester</groupId><artifactId>stresstester</artifactId><version>1.0</version></dependency> 编写测试代码 /**......

迷你芊宝宝
8分钟前
0
0
面试宝典-什么是缓存穿透?

缓存穿透是说收到了一个请求,但是该请求缓存里没有,只能去数据库里查询,然后放进缓存。 这里面有两个风险,一个是同时有好多请求访问同一个数据,然后业务系统把这些请求全发到了数据库;...

suyain
14分钟前
0
0
vue基础知识练习2

一、发送AJAX请求 <div id="demo1"><button @click="send">发送AJAX请求</button><button @click="sendGet">GET方式发送AJAX请求</button><button @click="sendPost">POST方式发送A......

一个yuanbeth
16分钟前
0
0
Xamarin Essentials教程磁力计Magnetometer

Xamarin Essentials教程磁力计Magnetometer 磁力计也叫地磁、磁感器,可用于测试磁场强度和方向。在手持设备中,通过磁力计可以计算设备的左右、前后倾斜角度,广泛应用于手机各种的应用中。...

大学霸
21分钟前
0
0
mesos:Authentication timed out

最近当slave开始慢慢部署异地集群的时候又碰上了这个问题 I0717 10:27:11.695762 28852 slave.cpp:895] New master detected at master@192.168.2.161:5050I0717 10:27:11.695811 28852 sl......

xueyi28
27分钟前
0
0
赋予用户库的读写权限

1、创建用户 CREATE USER 'test'@'%' IDENTIFIED BY '15ht46389012t'; #'%' - 所有情况都能访问;‘localhost’ - 本机才能访问;’192.168.1.2‘ - 指定 ip 才能访问 2、赋予权限 grant al...

xixingzhe
28分钟前
0
0
Spring核心——JSR250与资源控制

JSR-175与元编程 要说明JSR-250先要解释清楚JSR-175,要解释清楚JSR就的先了解JCP是什么。网上资料很多,就不细说了,简单的说JCP(Java Community Process)是管理Java生态(包括J2SE、J2E...

随风溜达的向日葵
29分钟前
3
0
Java面试基础篇——第五篇:类的实例化顺序

类的实例化顺序:包括 1.父类静态数据,构造函数,字段;2.子类静态数据,构造函数,字段等, 当我们new一个对象的时候,类实例化的顺序是怎么样的呢? OK.还是上代码比较实在(我就是个实在...

developlee的潇洒人生
30分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部