I'm trying to build a two tier drop down menu where the
            second drop down populates the second. I've found a lot of examples on the site but I
            want my menu to redirect to a page after the second menu is selected and can't figure
            that bit out.
I'm not that up to speed with JS
            so please bear with me.
The code
            below is an example from another
            post:
            type="text/javascript">
function configureDropDownLists(ddl1,ddl2)
            {
 var colours = new Array('Black', 'White', 'Blue');
 var shapes =
            new Array('Square', 'Circle', 'Triangle');
 var names = new Array('John',
            'David', 'Sarah');
 switch (ddl1.value) {
 case
            'Colours':
 document.getElementById(ddl2).options.length =
            0;
 for (i = 0; i < colours.length; i++) {
            createOption(document.getElementById(ddl2), colours[i], colours[i]);
            }
 break;
 case 'Shapes':
            document.getElementById(ddl2).options.length = 0; 
 for (i = 0; i <
            colours.length; i++) {
 createOption(document.getElementById(ddl2), shapes[i],
            shapes[i]);
 }
 break;
 case
            'Names':
 document.getElementById(ddl2).options.length = 0;
 for (i
            = 0; i < colours.length; i++) {
            createOption(document.getElementById(ddl2), names[i], names[i]);
 }
            break;
 default:
 document.getElementById(ddl2).options.length =
            0;
 break;
            }
}
function createOption(ddl, text, value)
            {
 var opt = document.createElement('option');
 opt.value =
            value;
 opt.text = text;
            ddl.options.add(opt);
}
Then
            call it
            onchange="configureDropDownLists(this,'ddl2')">
            value="">
            value="Colours">Colours
            value="Shapes">Shapes
            value="Names">Names
            id="ddl2">
This
            all works fine, but I want the page to redirect to somewhere on the site after the
            person makes a selection in the second drop
            down.
Could anyone help with how to adapt the
            code to make that happen?
Thank
            you
 
No comments:
Post a Comment