isaacdarcilla/select-philippines-address

📍Promise-based address selection in the Philippines

[email protected]

Promised-based select addresses in the Philippines using HTML select tag base on address codes or location name.

Demos

React JS

Vue JS

Installation

npm i select-philippines-address --save

Usage

import { regions, provinces, cities, barangays, regionByCode, provincesByCode, provinceByName } from "select-philippines-address";

regions().then((region) => console.log(region));
regionByCode("01").then((region) => console.log(region.region_name));
provinces("01").then((province) => console.log(province));
provincesByCode("01").then((province) => console.log(province));
provinceByName("Rizal").then((province) => console.log(province.province_code));
cities("0128").then((city) => console.log(city));
barangays("052011").then((barangays) => console.log(barangays));

Description

Function	Parameters	Description
regions()	None	Returns all regions.
regionByCode()	region_code	Returns a region by its code.
provinces()	region_code	Returns provinces in the specified region.
provincesByCode()	region_code	Returns provinces in the specified region.
provinceByName()	province_name	Returns a province by its name.
cities()	province_code	Returns cities in the specified province.
barangays()	city_code	Returns barangays in the specified city.

Demo Source Code

• React JS
• Vue JS

License

Apache-2.0

Contributors

• Isaac Arcilla
  
• LA Colinares

select-philippines-address's Issues

Getting Cors error in local and live both - React js

Hy,

I'm getting cors error when i call any regions , provinces , cities or barangays function.

see attached screen shot.

How do we get the zipcode using city?

How do we get the zipcode using city?

Update Axios version to 1.6.2 because of moderate vulnerability.

Please merge pull request. Thanks!

#72

Delay of filling data for each location category

I noticed that when you won't be changing the value of a particular select tag (e.g., city), it wont set the value.

Example, when you choose a city that has "one" barangay only, of course you wont be opening the Select tag anymore since it is already pre-selected or pre-filled. I suggest trying this location, and try to log the variables from useState:

Region: Region I (Ilocos Region)
Province: Ilocos Norte
City: Adams
Barangay: Adams (Pob) ---> The only barangay of City of Adams

When you log the selected options, you will notice that the Barangay is blank since there's no way to reselect/reset it. Thus, the resulting log will be:

Region: Region I (Ilocos Region)
Province: Ilocos Norte
City: Adams
Barangay: