Show/hide fields depending on select value

Question

I am trying to show and hide a few form fields depending on the value of one of my select fields. I am looking to use arrays to hold what should be shown and what should not

Answer 1

There are a few different ways you could do this. The simplest is to have a few separate fieldsets, each one containing a single group of fields. Then, in jQuery, dependent on the select-menu's value you can show/hide these fieldsets, e.g.

    
    
    


    
    
    


    Fieldset 1
    Fieldset 2

Note: For the above technique to be entirely unobtrusive you might want to dynamically build the select-menu with the names of all the different fieldsets.

---

Alternatively you can prefix each fields name with a meaningful prefix, and then hide/show according to that attribute:

    Group 1
    Group 2