Load form based on drop down selection

I am new to ChronoForms and just installed it. I played around with ChronoForms for almost a few hours now and can't figure out how to make this work. I want to have a drop down with selections and depending on what the user selects it would load up a specific form. I have a total of 6 forms to chose from so if user select "Form 1" from the drop down then I would load "Form 1" that is created using ChronoForms.

I've tried doing this:

1. Create a form using ChronoForms with a single drop down containing 6 possible selections: Form1, Form2, etc.
2. Under Event, I use Load JS containing this code:

window.addEvent('domready', function() {   
  var selection;
  selection = $('input_selection');
     
  selection.addEvent('change', function() {
    if ( selection.value == '1' ) {
      window.location = "url to form1";
    } else if (selection.value == '2') {
      window.location = "url to form2";
    } else if (selection.value == '3') {
      window.location = "url to form3";
    } else if (selection.value == '4') {
      window.location = "url to form4";
    } else if (selection.value == '5') {
      window.location = "url to form5";
    } else if (selection.value == '6') {
      window.location = "url to form6";
    }
  });
});

It's not working.. what am I doing wrong? I also looked at the page source of the rendered page and it's still showing the $('input_selection') instead of the actual form name. Does that sound right?

Hi kevint8,

You might try using window.location.replace(url) I got that to work on a site a few days ago.

Bob

Hi Bob,

Thanks for the suggestion. It was actually my own fault that the script wasn't working because I didn't realize that I needed to enter the "Field ID" as well. After entering the same name for "Field Name" and "Field ID", the script now works.

I am loving ChronoForms right now, it's such a powerful and flexible form solution.

hi can you explain step by step procedure because i dont understand something. i create 3 form
1) drop down menu with 2 choice, in events load js code from example in this thread in onsubmit - dont know what replace
2) form joomla registration for users in 1 step
3) form registration for authors with multi form registration and manual activation by site admin

i want make next - when user choose from drop menu (or if possible radio button) some type group (user or author) press submit he see menu registration for joomla after complete procedure he will be registered user or author. i dont understand how to make event for first step

HI master-b,

I'm sorry but I don't understand what you want the first step to do.

If this is a multi-page form that you don't need any JavaScript in the first step. You can use the normal form results to set a value in the second step.

Bob

in first step i wanna make group selection (drop down or better radio button):
1 Site_User
2 Site_Author
Submit
if was choosed 1 Site_User goto to short form joomla registartion
if 2 Site_Author goto multi form registration

my problem i dont understan how to connect forms to group select

Hi master_b,

Please see this FAQ In this case I'd probably use the Event Switcher [GH] to with Show Form actions in the events.

Bob