dropdownlist used onchange of an another dropdownlist

Hi everyody,

I try to select my way by using two dropdownlist.

Each item on the first list change the second dropdownlist

example

List A                              List B               List C               List D  etc..

ItemA1  -> call ListB     ItemB1               ItemC1

ItemA2  -> call ListC     ItemB2               ItemC2

itemA3  -> call ListD     ItemB3               ItemC3

itemA4  -> call ListE     ItemB4               ItemC4              

I scripted like this :

var myList0= ["ItemA1", "ItemA2", "ItemA3", "ItemA4"];

var myListA = ["ItemB1", "ItemB2", "ItemB3", "ItemB4"];

var myListB = etc ....

var columns = myOption2.add("group");

var dimC = [0, 0, 100, 50];

var col1 = columns .add('dropdownlist', dimC , myList0);

col1.onChange = function()

{

     if (col1.selection == 0)

          {

               var col2 = columns .add('dropdownlist', dimC, myListA);

               return col2;

          }

     else if (col1.selection == 1)

          {

               var col2 = columns .add('dropdownlist', dimC, myListB);

          }

     etc ....

}

finally, it happens that my second dropdownlist overlap the first, and i want it separately.

Please, if anyone have an idea ?

best regards

Américo