I have a site that allows visitors to enrol for a course by 1st selecting a country, a school and then the course.
The idea is to have the schools only for a particular country (the country selected from a dropdown list by the visitor), and after a school is selected, to reveal only the courses offered by that school.

I need help with which approach to use, and hopefully with that approach in place I will be able to incorporate some JS to display a loading icon as the browser asynchronously loads the relative data for the selected option..

Thanks guys

[cheesypoof]

If the number of options isn't too large, you could make do without loading them in with AJAX requests. Regardless, you are going to need a chained dropdown script such as http://www.appelsiini.net/projects/chained.

If the number of options isn't too large, you could make do without loading them in with AJAX requests...

I've designed the site for a client so as you know, it has to be as "tolerable" as possible so I don't get calls every now and then.

Reason why I was looking for the AJAX approach is so not ALL the countries, schools and courses get loaded at once, and I think the ajax way of loading just feels cool

thank you for the link I'll study it when I get back home (PC)