基於選項選擇的重定向表格

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>