Autofill City & State from Zip Code

[chadlly2003]

does anyone know if there is a plugin or module that can help me Autofill City & State from Zip Code .

Baiscally when a customer puts his zip code i want the city and state to auto populate.

If someone could assist me or lead me in the right direction i would appreciate it

[lat9]

does anyone know if there is a plugin or module that can help me Autofill City & State from Zip Code .

Baiscally when a customer puts his zip code i want the city and state to auto populate.

If someone could assist me or lead me in the right direction i would appreciate it

I've been using this Zip Codes to Location service (https://www.zipcodeapi.com/index.php) for a couple of years now; works the treat!

[chadlly2003]

Lat9,

Do you have an example of implementation. I am not really sure how to go about getting this to work with zencart

[carlwhat]

interesting API... like it... i think...

does not seem that tricky to implement, with the exception of the "...has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource."

is.gd/fNujQC

i think it totally makes sense to enter zip codes first and then autofill city state codes...

securely addressing the above error will be the tricky part...

@chadlly2003, the way to implement this is to register for an application key, copy the the javascript code from here:

https://www.zipcodeapi.com/API#example1

and then place that on the page where you have your address... you then need to change the key in the js code to your key, find this code:

//from:
container.find("input[name='zipcode']").on("keyup change", function() {
//to:
container.find("input[name='postcode']").on("keyup change", function() {

you will then need to find the container that the postcode is in on your page, and change the following 2 elements:

		var container = $("#example1");
		var errorDiv = container.find("div.text-error");

is.gd/fNujQC


those 2 elements will be dependent on your template.

hope that gives you enough to go on.... not super easy but again not super hard. the error i'm experiencing above will be tickier to solve. you should be able to see that in the developer tools console of your browser.

good luck.

[chadlly2003]

Actually I figured it out. Was a lot easier than I thought. Working perfectly on my site:)