Having different select boxes when other things have been selected...

[littlejim84]

Hello.

Say I had a select box in a form that listed clothes... T-Shirts, Trousers, Hats. And I had another select box thats contents depended on what was selected in the first select box... How would I achieve this?

Say I selected 'T-Shirts' in the first select box... I would then like the second select box to display options for those T-Shirts, such as Small, Medium, Large. Again, if I select 'Hats' in the first select box... I would then like the second select box to display options for those Hats, such as Cotton, Wool.

How would I achieve this in Javascript?
Many thanks!

[vikrantkorde]

THis is possible in Javascript.
But the problem with this is, it will be very slow. You need to get all the information from the server in first GO.
The other approach can be AJAX.

Check this site
http://www.mymauicondos.com/resdesk/property_search.php

[littlejim84]

How would I do such a thing in AJAX? That site is exacly the kind of thing I'm after...

[vikrantkorde]

right click and get the view source....
you will get the script toooo
let me know if u have any doubts in understanding.

[littlejim84]

Theres a command in there called 'new Option'... Where's this Option class?

[vikrantkorde]

That is the javascript's object

[littlejim84]

Aaahh.... Got it. Sorted man. Cheers for pointing me to the right area...

(My script is working a treat!!)