Deviopath › React

Country and City

Medium · Forms

Build two connected <select>s: <select name="country"> and <select name="city">.

The city select only lists the cities of the chosen country. At the start the country is "Georgia" and the city is "Tbilisi". When the country changes, the city resets to the first city of that country.

A <p> shows the choice, e.g. "You chose Tbilisi, Georgia".

Next: Signup Form Validation