remplissage automatique pour la ville d’état à l’aide du code postal

Salut, j’ai un champ de code postal lorsque l’utilisateur entre un code postal de 5/9 chiffres, il devrait remplir automatiquement les champs État et ville.

Y a-t-il quelque chose comme ça qui utilise javascript ou jquery ???

Merci

Utilisation de l’API Javascript Google Maps V3:

Vous devez faire référence à ceci:

Pour ce faire: =

  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; }

Tout cela renvoie une chaîne contenant la ville et l'état dans ce format, mais vous pouvez l'adapter à vos besoins.

Google dit oui: http://bassistance.de/2009/03/03/jquery-snippet-autocomplete-city-based-on-zip-code/

Trouvé un article sur Css-sortingcks.com, la fonctionnalité est mise en œuvre en utilisant Ziptastic http://css-sortingcks.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 a une API zipcode qui le fait gratuitement. Ils ont un exemple de code ici http://zipcodedistanceapi.redline13.com/Examples .

Toutes les réponses sont appréciées. Si vous ne voulez pas entrer dans une complexité de code supérieure, voici une solution pour vous.

Première étape:

téléchargez le dernier fichier Excel du code postal du pays et localisez-le dans le dossier racine (vous pouvez le télécharger ici).
https://data.gov.in/catalog/all-india-pincode-pirectory#web_catalog_tabs_block_10 )

Deuxième étape:

Appelez la fonction ajax où est votre formulaire

Cette fonction Ajax appellera le fichier “ http://www.sample.com/postcode.php ”

Sous le fichier postcode.php, nous devons lire le fichier Excel et renvoyer l’état et la ville

postcode.php

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

C’est tout, profitez-en