Form with inputs changing depeding on whats selected.

[glennda]

Does anybody know a way of setting up a form so that depending on what is selected on the first row the bottom parts change?

 

For example we are centralising Administration and would like a form which can at the top have Radio Buttons for Exams, Trips, Reprographics etc and depending on which ones is selected the form below will vary. So that the form relates to what is selected at the top.

 

I'm guessing something using Javascript?

[saundersmatt]

Personally i'd tab between the different forms.

 

Plus then you've already got the basics in place to start using jquery on your form data.

 

Matt

[glennda]

Personally i'd tab between the different forms.

 

Plus then you've already got the basics in place to start using jquery on your form data.

 

Matt

Thats a pretty good idea - hadn't thought of that!

 

Cheers probably easier! Cheers

[Hightower]

If you use WSS it does surveys with branching. We use it for options when the time comes for yr9 but would also work for your needs. Really easy to setup too.

[dhicks]

Does anybody know a way of setting up a form so that depending on what is selected on the first row the bottom parts change?

 

Place the different sections of your form in DIV tags, then use an onselect trigger on the radio check boxes to run some javascript to hide/unhide the appropriate DIV.

[glennda]

If you use WSS it does surveys with branching. We use it for options when the time comes for yr9 but would also work for your needs. Really easy to setup too.

 

Already got the whole intranet running using PHP mysql on my linux webservers.

 

@dhicks - i'll look into that Do you have any codes i can look at?

 

Toby

Edited May 18, 2011 by glennda

[JB_IT]

Hi,

 

I have just been working on a new website which required this.

 

I ended up using AJAX which is pretty simple once you get your head around it. I used a mix of php and javascript to have a form with 4 drop boxes each reliant on another e.g

 

----------

option 1 - limits option 2

----------

option 2 - limits option 3 and 4 but queries different sql tables

----------

option 3

----------

option 4

----------