Taking Variable from a drop down to point to a form/URL

[smpforms]

Just wondering how I can easily take a variable from a drop down selection in an html editor and then point to a specific URL so that my customer would know they are now filling out a form that was relevant to their drop down selection. Obviously I appreciate your generosity as this must be a very basic web function :oops:

Thanks in advance !!

[anonymous3009]

Hello,

You can try something like this. Of course, you can/need to modify it based on your field names/URLs.

The following JavaScript is inserted in an HTML block on my DataPage(a Webform). I have a state field which is a drop down. When users selects CA from the drop down it takes them to http://www.caspio.com, else it goes to http://www.w3schools.com. Hope this helps.

=================================================================================

function dynamic_URL()

{

var v_state_ind = document.getElementById("InsertRecordState");

var state=v_state_ind.options[v_state_ind.selectedIndex].text;

if (state.match("CA"))

{

window.open("http://www.caspio.com");

}

else

{

window.open("http://www.w3schools.com");

}

}

document.getElementById("caspioform").onsubmit = dynamic_URL;

Best,

-SO

[smpforms]

Thanks for your response and I think I am almost there... if I have multiple drop down options that require unique URL's as their destination, how would I duplicate the code you have for each value and then point that to the Unique URL. For instance, what if you had options for multiple states in addition to California ?

Going out on a limb here, but its like I have multiple IF statements, If CA is selected in the drop down go to this URL, if PA is selected go to another URL etc... Yes, I am a rookie...

Thanks again !

[MeghaJ]

Hi,

You can have "else if" statements.

if (state.match("CA"))

{

window.open("http://www.caspio.com");

}

else if (state.match("PA"))

{

window.open("http://www.w3schools.com");

}

else if (state.match("NY"))

{

window.open("http://www.somethingelse.com");

}

[smpforms]

Thanks for your help as I am now getting the drop down values to call specific URL's. One last piece, how would I open the URL within the same window by tweaking the script ? I would also like to avoid saying that the submission was correct and just go to the new page... I believe this is the last piece of information I need to make this project a success. Thanks again !!!

[anonymous3009]

Hello,

You might try something like this:

function dynamic_URL()

{

var v_state_ind = document.getElementById("InsertRecordState");

var state=v_state_ind.options[v_state_ind.selectedIndex].text;

if (state.match("CA"))

{

window.location="http://www.caspio.com";

}

else if (state.match("PA"))

{

window.location="http://www.w3schools.com";

}

else if (state.match("NY"))

{

window.location="http://www.somethingelse.com";

}

}

document.getElementById("caspioform").onchange= dynamic_URL;

Best,

-SO

[smpforms]

Thanks for taking the extra time to assist me. I really appreciate it and my project is now functioning the way my client has requested.

Thanks again !!