How to do a Double Drop-Down in V4

Bob - has anything of significance changed in implementing a double drop-down from what you have in your book detailing how to do it in V3.1) to doing it in V4? Would you happen to have the code needed to do this?

Can I use a Radio Button to select the items in a drop-down menu. If you look on my form, when a parent selects Soccer, they will have different age divisions to choose from than if they select Flag Football.

http://azsportscoalition.com/index.php?option=com_chronoforms&view=form&Itemid=642

Thanks

Hi chuckmiester999,

The code in the book didn't work well with IE; there's a updated version of the article here. From a quick look the code should still work OK in CFv4.

Bob

Thanks so very much Bob! I appreciate your efforts! I will try this and let you know how it goes. Still having trouble with the ReCaptcha in V4 and will be trying to implement the Captcha in its place today.

I cut&pasted the code into the code window and setup the form as a custom form. The preview shows two drop-downs with the data inside. I was with you right up to step 3 and step 4. Where exactly do I put the JS? I tried putting it into the Load JS event but it doesn't seem to do anything. Are Steps 3&4 written for V3.1? If so, what about V4? I apologize for my ignorance and appreciate your patience as I learn how to use ChronoForms.🙂

Step 4: Add this script snippet to the Form JavaScript box... where is the JavaScript Box?

Now we have a working double-drop down. Because we have kept all of the options in place the standard ChronoForms "validate-selection" will work as usual.

There are other ways of doing this by hiding and unhiding whole drop-downs, or by rewriting all of the options in a dropdown using a script. These can be made to work but are all more complex than this approach using option groups..........

We don't....

Can anybody please please tell me why?