文档章节

地址接口调用

唐娇
 唐娇
发布于 2016/12/07 13:31
字数 256
阅读 1
收藏 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
值得收藏的TCP套接口编程文章

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由jackieluo发表于云+社区专栏 TCP客户端-服务器典型事件 下图是TCP客户端与服务器之间交互的一系列典型事件时间表: 首先启...

腾讯云加社区
10/12
0
0
Spring Cloud中如何优雅的使用Feign调用接口

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

尹吉欢
2017/11/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Prometheus + Grafana 监控 Linux 和 MySQL 安装配置

一、介绍Prometheus Prometheus(普罗米修斯)是一套开源的监控&报警&时间序列数据库的组合,起始是由SoundCloud公司开发的。随着发展,越来越多公司和组织接受采用Prometheus,社区也十分活...

PeakFang-BOK
2分钟前
0
0
缓存与数据库的双写一致性问题

数据库与缓存的双写一致性问题 cache aside pattern 数据库与缓存的双写一致性 为什么是先删除缓存再更新数据库,而不是反过来 并发读写下的一致性问题 总结: 读请求和写请求串行化,串到一个...

grace_233
8分钟前
0
0
详解java并发包源码之AQS独占方法源码分析

AQS 的实现原理 学完用 AQS 自定义一个锁以后,我们可以来看一下刚刚使用过的方法的实现。 分析源码的时候会省略一些不重要的代码。 AQS 的实现是基于一个 FIFO 队列的,每一个等待的线程被封...

小刀爱编程
12分钟前
0
0
Golang中的panic和recover

func panic(interface{})和func recover() interface{}是Golang中用于错误处理的两个函数。 panic的作用就是抛出一条错误信息,从它的参数类型可以看到它可以抛出任意类型的错误信息。在函数...

xtof
16分钟前
0
0
Mybatis Mapper.xml 配置文件中 resultMap 节点的源码解析

相关文章 Mybatis 解析配置文件的源码解析 Mybatis 类型转换源码分析 Mybatis 数据源和数据库连接池源码解析(DataSource) Mybatis Mapper 接口源码解析(binding包) Mybatis 解析 SQL 源码...

tsmyk0715
22分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部