文档章节

地址接口调用

唐娇
 唐娇
发布于 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
值得收藏的TCP套接口编程文章

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

腾讯云加社区
2018/10/12
0
0
Linux Socket学习--面向非连接的协议

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

泳泳啊泳泳
2017/12/28
0
0
(1)SpringCloud 整合Python

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

LoveCarpenter
2017/12/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

独家解密:阿里超大规模数据中心性能分析

郭健美,阿里巴巴高级技术专家,目前主要从事数据中心的性能分析和软硬件结合的性能优化。CCF 系统软件专委和软件工程专委的委员。曾主持国家自然科学基金面上项目、入选上海市浦江人才计划A...

阿里云云栖社区
18分钟前
2
0
独家解密:阿里大规模数据中心性能分析

郭健美,阿里巴巴高级技术专家,目前主要从事数据中心的性能分析和软硬件结合的性能优化。CCF 系统软件专委和软件工程专委的委员。曾主持国家自然科学基金面上项目、入选上海市浦江人才计划A...

zhaowei121
22分钟前
1
0
mongodb系列~配置文件的优化与处理

mongodb系列~配置文件的优化与处理 一 简介:讲讲如何优化mongo配置文件 二 常规参数 port= //端口 fork=true//守护进程方式启动mongo logpath=shard.log //mongo日志存放路径 journal= tru...

linjin200
23分钟前
1
0
同一台 windows10 设备,安装两个不同版本的mysql

两个mysql 的my.ini文件需要 配置不同的端口。 [mysqld]# 设置3307端口port=3307# 设置mysql的安装目录basedir=F:\\mysql-5.7.24-winx64 # 切记此处一定要用双斜杠\\,单斜杠我这里...

无敌小学僧
24分钟前
2
0
条码插件TBarCode Office系列教程一(Word Add-In篇)

TBarCode Office是一款适用于Microsoft Word 2007、2010和2013的条码插件,通过此插件可以轻松的在您的文档中嵌入代码。此系列教程旨在介绍TBarCode Office的常见问题及解答,帮助大家学习使...

ymy_666666
24分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部