If i were trying to solve this problem i would …

1) populate the second SELECT with all possible values (eg. all hair colours, all shirt sizes, etc.)

2) attach a function call to the onchange event of the first SELECT

3) in this function, i would loop through all OPTION's in the second SELECT, and make them either hidden or visible, depending on the value of the first select

Maybe theres a better way, just an idea 🙂 I hope it helps!

Cheers,

Michael

Yep I think your right, if the number of OPTIONs is huge, then it would be best to load them via AJAX when needed.

It would be even better if you prevent loading the OPTIONs a second time if they've already been loaded.

Perhaps, it would be easiest to …

a) Have a seperate SELECT for each of the different types, and hide/unhide the whole select depending on what is selected in the first SELECT

b) When your un-hiding one of these SELECTs, you could check if it has already been loaded,and if not then load it up via AJAX