interdependent select boxes

Jun 10

Here is a simplified version of the classic interdependent select box (this is where the selection of one item from select box A automatically updates the items within select box B).

However instead of using two select boxes and lots of client-side scripting we use radio buttons for the first selection and a drop-down for the next option. This achieves the same result by using CSS and the DOM reducing the required scripting to only ten lines of code, and creating a design that is usable across all the standard compliant browsers.

View the example here

Filed under:
Posted by:
James Griffin
June 10, 2003