地址接口调用
博客专区 > 唐娇 的博客 > 博客详情
地址接口调用
唐娇 发表于12个月前
地址接口调用
  • 发表于 12个月前
  • 阅读 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>

图案示例

标签: HTML 接口 地址
共有 人打赏支持
粉丝 0
博文 24
码字总数 7388
×
唐娇
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: