Show/Hide fields based on choices in drop down menu

Question

I need help with a script that I cobbled together from an example script; I'm not good enough at java to edit it for my needs.
I have a form where I would like different drop down fields would be visible/hidden depending on the choices made from other drop down menus.
If (for example) they select paper type "white" or "color" then "white" will result in a second menu of paper choices, the "color" selection result in them picking the paper wieght, then from there the color.
My problem stems from the fact that my form is very linited in space, so I would like some of these fields to be essentially on top of each other; visibility dependant on previous choices. I can get to Menu 1 (select paper color) and then Menu 2 if they select white. But there's a problem with setting up a third menu in this series, if they select "color" from Menu 1, then I try to have a drop down for paper weight, all the fields except for Menu 1 are hidden. Playing with the script let me have them all visible, but again, I'm limited on space and can't really spread them out.
I know I'm missing one small command... somewhere.
Here is the script I'm working with:
function control_section_fields() {
    if (event.willCommit) return;
    // Get the value selected in the combo box
    var section = event.changeEx;
   // Hide all of the entry fields
    getField("sec").display = display.hidden;
    // Reset all of the entry fields
    resetForm(["sec"]);
    // Display the fields for the selected section
    getField("sec." + section).display = display.visible;
where the drop down fields are named "sec.a.dd" for example, and the Export value of different values are assigned as "a", "b", etc.
Sorry for the rambling. Any help will be greatly appreciated.

Answer 1

also, if "==" could be roughly translated to "is", "!=" would mean "is not".
JavaScript is Case sensitive so make sure you did not name your field STATE#1 instead.  It's a pretty common error.  Try not to use special characters when naming fields.  Stick to standards.  I personnally always name fields with capital letters and numbers using identation like
MYFORM.PLACE.NUMBER
MYFORM.PLACE.ADDRESS
MYFORM.SEX.MALE
MYFORM.SEX.FEMALE
This is really useful if you have lots of fields related to one another.  You can then apply methods to entire groups of fields in one simple line of code.
For example this.getField("MYFORM").display = display.hidden would hide all four fields.  It works kind of the same way as folders unside your computer.
Finally, "#" is generally used as widget identification.  I think this is what happened.  If you copy a field, it retains the same name and some of its charateristics but acrobat will assign them a number called widget.  The original field State will get the identification State#0 in the right pane as it is 0-based.  The copie will be identified State#1.  You must understand that the name of the field is still "State".  Some methods (actions you can code) let you determine the widget number for targetting a specific field from those you copied.  It is not the case here.  So for disambiguation, you should name your fields different name like STATE1 and STATE2, or STATE.1 and STATE.2 if you plan to use what I wrote about earlier.