I want to show country dropdown and state dropdown based on selected country and show city dropdown based on selected country and state

Question

1.00/5 (3 votes)

See more:

I want to show country dropdown and state dropdown based on selected country and show city dropdown based on selected country and state

What I have tried:

I tried to show country dropdown and state dropdown based on selected country and show city dropdown based on selected country and state but it is not working fine please provide solution for this

Posted 10-Nov-23 5:05am

pooja pooja 2023

Updated 10-Nov-23 6:15am

Andre Oosthuizen

v2

Add a Solution

Comments

Mike Hankey 10-Nov-23 11:17am

We don't provide solutions on demand.

Show what you've done and were you are stuck and you will have a lot better chance of getting an answer.

Andre Oosthuizen 10-Nov-23 12:17pm

Quote from online - "What is Coding? “Writing code,” “coding,” and “programming” are basically interchangeable terms. Broadly speaking, knowing how to write code is the process of creating instructions that tell a computer what to do, and how to do it."

[no name] 10-Nov-23 13:00pm

It's called "filtering". Each (higher) selection filters the data avalable to subsequent (lower) selections. Geographic data is hierarchical. Use the "selection changed" event to initiate a filter "cascade".

Rudi Breedenraedt 10-Nov-23 17:51pm

How funny, I justed posted an article on how to do that !
https://www.codeproject.com/Articles/5372446/Build-Rich-Web-Apps-with-ASP-NET-Core-and-Sircl-2
But its not for React. I guess Maciej's response will help you.
Just found the odds... ;)

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Maciej Los · Answer 1 · 2023-11-10T11:46:00

Solution 1

Start here: Create Cascading Dropdown In ReactJS[^]
This all what you need (country->state->city)!

Posted 10-Nov-23 11:46am

Maciej Los