使用邮政编码自动填写州城市

嗨我有一个邮政编码字段,当用户输入一个5/9数字的zip时,它应该自动填充州和城市字段。

有没有像javascript或JQuery这样的东西???

谢谢

使用Javascript Google Maps V3 API:

你需要参考这个:

 

这样做:=

  var zip = ; var lat; var lng; var geocoder = new google.maps.Geocoder(); geocoder.geocode({ 'address': zip }, function (results, status) { if (status == google.maps.GeocoderStatus.OK) { geocoder.geocode({'latLng': results[0].geometry.location}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { if (results[1]) { var loc = getCityState(results); } } }); } }); function getCityState(results) { var a = results[0].address_components; var city, state; for(i = 0; i < a.length; ++i) { var t = a[i].types; if(compIsType(t, 'administrative_area_level_1')) state = a[i].long_name; //store the state else if(compIsType(t, 'locality')) city = a[i].long_name; //store the city } return (city + ', ' + state) } function compIsType(t, s) { for(z = 0; z < t.length; ++z) if(t[z] == s) return true; return false; } 

这将以此格式返回包含城市和州的字符串,但您可以根据需要进行调整。

Google表示同意: http : //bassistance.de/2009/03/03/jquery-snippet-autocomplete-city-based-on-zip-code/

在Css-tricks.com上发现了一篇文章,function是使用Ziptastic实现的http://css-tricks.com/using-ziptastic/

 $.ajax({ url: "http://zip.elevenbasetwo.com", cache: false, dataType: "json", type: "GET", data: "zip=" + el.val(), success: function(result, success) { $(".fancy-form div > div").slideDown(); /* Show the fields */ $("#city").val(result.city); /* Fill the data */ $("#state").val(result.state); $(".zip-error").hide(); /* In case they failed once before */ $("#address-line-1").focus(); /* Put cursor where they need it */ }, error: function(result, success) { $(".zip-error").show(); /* Ruh row */ } }); 

RedLine有一个免费的邮政编码API。 他们在这里有示例代码http://zipcodedistanceapi.redline13.com/Examples 。

感谢所有答案,如果您不想进入更复杂的代码,这里有一个解决方案。

第一步

下载最新的国家邮政编码Excel文件,并在根文件夹下找到该excel文件。(你可以在这里下载)
https://data.gov.in/catalog/all-india-pincode-pirectory#web_catalog_tabs_block_10

第二步:

调用ajax函数在哪里是你的表单

   

这个Ajax函数将调用“ http://www.sample.com/postcode.php ”文件

在postcode.php文件下,我们必须读取excel文件并返回州和城市值

postcode.php

  $district, “state” => $state, “zip” => $s) ); //Pass those details by json ?> 

这就是全部,享受