Dynamic Menu - Using multiple dropdown boxes
Hi,
I was wondering whether someone could help me with the following :
At works I saw an application using JavaScript to create dynamic menus. Based on the selection in the first <SELECT> box, the second <SELECT> box was created with associated values. Everytime that it got new information, there was a request back to the server without [that is what it seemed to do] refreshing the page. So, the page was left with the old contents and <SELECT> boxes were added with fresh data. I checked the JavaScript code and it seemed pretty advanced. However the technique used is quiute simple. The old page stays the same, but the <SELECT> boxes get updated by requesting new info. If you make a choice in the first box, you can clearly see the progress bar in the IE window at the bottom.
So what I would like to do is :
[All data is held in an MS ACCESS or SQL 2000 Database]
- create a form on a page with in the first select box the country name [eg. Belgium, UK, France, ... located in the coutnry table of the DB]
- the second box is not displayed as long as nothing is selected in the first box. It will hold the cities of that particular country [eg. Brussels, London, Paris, ... located in the cities table of the DB]
The difficult part : THE PAGE MAY NOT SEEM TO RELOAD AT ALL.
The database access would go through ASP.
I already tried making something similar by putting all data in an array, putting the array in different SELECT boxes and to hide/show them using Cascading Style Sheets. However, there is still no limit in tranfsfer to the server, and it will take all data from the database and load it in memory.
Can someone please help me out ? Does this all make sense ?
If so, you can still come over to Belgium, I'll buy you a fresh, nice beer !
Sebastiaan.
|
