Variable drop-down lists according to radio-button input

Question

I need to restrict the display of drop-down lists according to a particular radio-button selection earlier on the form. Can I use a javascript call on the client side without linking to an external database along these lines:
If radiobutton1 == 1
then dropdownlist1 uses list1
elseif radiobutton1 == 2
then dropdownlist1 uses list2
and so forth.
Obviously the syntax is incorrect, but I need to know if it can be done before digging in further.

Answer 1

Let's assume we have tree grouped radio buttons in a group of buttons, and a combo box object which displays a different list of elements depending of the chosen option.
A very simple way to do it would be, for example, the following one:
b [*] Radio Button Group - OnClick Event
i // List of elements that will be loaded in the combo box object
> var colorList = new Array("White","Blue","Red","Green");
> var dayList = new Array("Monday","Tuesday","Wednesday","Thursday");
> var tmarkList = new Array("Nike","Adidas","Reebook","Levis");
i // ComboBox Object
> var combo = xfa.resolveNode("Formulario1.ComboBox");
i // Cleaning the combo...
> combo.clearItems();
> combo.addItem("Select one option to the list","");
i // Filling the Combo
i // "this" returns a button group where there are three radio buttons
i // and the "rawValue" returns the selected index chosen in radio
i // buttons.
> switch(this.rawValue)
> {
> case "1":
> for(nJ = 0; nJ < colorList.length; nJ++)
> combo.addItem(colorList[nJ]);
> break;
> case "2":
> for(nJ = 0; nJ < dayList.length; nJ++)
> combo.addItem(dayList[nJ]);
> break;
> case "3":
> for(nJ = 0; nJ < tmarkList.length; nJ++)
> combo.addItem(tmarkList[nJ]);
> break;
>}