I am trying to build a set of "cascading" select boxes, where the
selection from one determines which options are available in the next
(for example if select box "Region" has "North America" selected, then
select box "Country" should only show countries in North America).
I've found how to remove those items from the list, but if I do that
then I can't get them back if a new choice is made. If I use .hide()
and .show(), or .css('display','none') and .css('display','block') on
the individual items then it works in Firefox but not IE (I'm testing
in IE7).
Any ideas? I suppose I could .clone() the original select list and
keep that copy in memory only but that seems like a pain.
