基于选项选择的重定向表格

Question

如何根据下拉菜单中的两个选项重定向用户？

我已经阅读了几个类似的问题，但不能与建议联系，因为我使用的表单代码非常长且复杂。我已经拿出了很多代码，所以我希望我不会错过任何重要的东西。

我试图重定向基础上，如果他们选择 1用户）劲舞团只有 2）车间只有或 3）车间+劲舞团

，以及如果他们选择参加

1为）伦敦 2）伯明翰 3）曼彻斯特

因此，有人在伦敦进行试演会导演到不同的地方，而不是在曼彻斯特进行试演的人。

如果你能我会感激的帮助！

<form name="signupForm" id="signupForm" target="_top" method="post" action="http://app.greenrope.com/j1.pl?9ec6ce8b4e17b30b7c2a75edc1c1a684716721de718b4187c3ac601cb070094b" onsubmit="get_action(this);"> 

<table><tbody> 
<tr> 
<td> 
<ul id="teamFields"> 

    <li class="formRow emailRow" id="field_Email"><label class="fieldName" for="signup_Email">Email<span class="reqMarker">*</span></label> 
<input type="text" name="Email" maxlength="64" value="" id="signup_Email" class="inputTextField" /> 
<div id="emailEntryAlert"> 
</div> 
</li> 


<li class="formRow userFieldName" id="field_User5" ><label class="fieldName" id="labelUser5" for="signup_User5">Please select the closest city to where you live from the list<span class="reqMarker">*</span></label> <select name="User5" id="signup_User5"><option value="">Choose</option> <option value="London" >London</option><option value="Birmingham" >Birmingham</option><option value="Manchester" >Manchester</option></select> 
</li> 

</li> 
<li class="formRow userFieldName" id="field_User8" ><label class="fieldName" id="labelUser8" for="signup_User8">Would you like to attend the workshop and/or audition?<span class="reqMarker">*</span></label> <select name="User8" id="signup_User8"><option value="">Choose</option> <option value="Workshop Only" >Workshop Only</option><option value="Workshop + Audition" >Workshop + Audition</option><option value="Audition Only" >Audition Only</option></select> 
</li> 


</ul> 
<ul id="teamSelection"> 
<li class="formRow joinRow"><span id="confirmText"> </span> 
</li> 
<input type="hidden" name="AutomaticTeamIDs" value="4" /> 
<input type="hidden" name="AutomaticTeamIDs" value="3" /> 
<input type="hidden" name="AutomaticTeamIDs" value="1" /> 
</ul> 
</td> 
</tr> </tbody> 
</table> 
<div id="reqInfo">* required information 
</div> 
<input id="formSubmit" type="submit" name="formSubmit" style="font-weight: bold; font-size: 16px; color: #000000; border-style: solid; border-width: 8px !important; border-color: #d3d3d3 !important; border-radius: 0px !important; padding: 16px !important; background: #a9a9a9 !important; box-shadow: none !important;" value="Sign Me Up" /> 
<input type="hidden" name="Referrer" value="" /> 
<input type="hidden" name="qstring" value="9ec6ce8b4e17b30b7c2a75edc1c1a684716721de718b4187c3ac601cb070094b" /> 
<input type="hidden" name="formSubmitCheck" value="1" /> 


<script type="text/javascript"> 
    function get_action(form) { 
     var optn = document.getElementById("signup_User5"); 
     var optn_value= e.options[e.selectedIndex].value; 
     var optn = document.getElementById("signup_User8"); 
     var optn_value= e.options[e.selectedIndex].value; 

     if ((optn_value=="Workshop Only") && (optn_value=="London")) { 
      window.location.href = "http://www.mscurvaceousuk.com/mcuklondonworkshop"; 
    } else if ((optn_value=="Workshop Only") && (optn_value=="Birmingham")) { 
      window.location.href = "http://www.mscurvaceousuk.com/mcukbirminghamworkshop"; 
    } else if ((optn_value=="Workshop Only") && (optn_value=="Manchester")) { 
      window.location.href = "http://www.mscurvaceousuk.com/mcukmanchesterworkshop"; 
    } else if ((optn_value=="Audition Only") && (optn_value=="London")) { 
      window.location.href = "http://www.mscurvaceousuk.com/mcuk-london-audition-confirmation"; 
    } else if ((optn_value=="Audition Only") && (optn_value=="Birmingham")) { 
      window.location.href = "http://www.mscurvaceousuk.com/mcuk-birmingham-audition-confirmation"; 
    } else if ((optn_value=="Audition Only") && (optn_value=="Manchester")) { 
      window.location.href = "http://www.mscurvaceousuk.com/mcuk-manchester-audition-confirmation"; 
    } else if ((optn_value=="Audition + Workshop") && (optn_value=="London")) { 
      window.location.href = "http://www.mscurvaceousuk.com/mcuk-london-audition-confirmation"; 
    } else if ((optn_value=="Audition + Workshop") && (optn_value=="Birmingham")) { 
      window.location.href = "http://www.mscurvaceousuk.com/mcuk-birmingham-audition-confirmation"; 
    } else if ((optn_value=="AAudition + Workshop") && (optn_value=="Manchester")) 
      window.location.href ="http://www.mscurvaceousuk.com/mcuk-manchester-audition-confirmation"; 

} 
    } 

</script> 

</form> 
<div id="formBottom"> 
</div> 
</div> 
</div> 
</body> 
</html> 

Answer 1

您可以用JavaScript

首先的做到这一点，你就必须获得所选择的选项，然后基于所选选项的作用。

你可以选择的选项的值如下，如

var optn = document.getElementById("signup_User8"); 
var optn_value= e.options[e.selectedIndex].value; 

现在，optn_value将包含所选择的选项的值。

然后检查optn_value，并设置一个动作URL accordingly.This动作URL可以被设置为形式的作用如以下

form.action = new_action_url; 

整个代码将是如下面

<script type="text/javascript"> 
    function get_action(form) { 
     var optn = document.getElementById("signup_User8"); 
     var optn_value= e.options[e.selectedIndex].value; 
     if(optn_value=="foo") 
      form.action = new_action_url_1; 
     else 
      form.action = new_action_url_2; 
    } 
</script> 

并在您的HTML表单中添加一个调用Javascript函数的onsubmit属性

<form onsubmit="get_action(this);"> 
    ... 
</form>