At first I was thinking of doing a tutorial, 30 minutes later, I decided to just post this thing as it is. This is a cascading dropdown ajax list example that I made for a friend. Basically, it is:

• Two lists (country and state)

• Selecting a country will prompt the state list to retrieve the state list for the selected country.

I’m using jQuery in this example (included in the download). Also some SQL dump files included for Country and State. There’s only states for Malaysia. I used an example form from Wufoo. I’m a big fan of the look n’ feel of their form. I started refer to it as a guideline for my work.

As you can see, it is very simple. I did this for a portal and its not just country and state, there’s districts and much more. I also added a blockUI plugin for jQuery for the user to easily add states in some other form.

Here is the example. Enjoy!

Oh, and don’t forget to change the username and password for the database connection.