根据选项选择重定向表单
根据选项选择重定向表单
提问于 2015-05-07 01:24:15
如何根据下拉菜单上的两个选项重定向用户？
我已经读了一些类似的问题，但不能联系到建议，因为我使用的表单代码非常长和复杂。我删除了很多代码，所以我希望我没有遗漏任何重要的东西。
我正在尝试根据用户选择1)仅限试听2)仅限研讨会还是3)研讨会+试听来重定向用户
如果他们选择参加
伦敦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>回答 1
Stack Overflow用户
发布于 2015-05-07 01:26:49
您可以使用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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30083587
复制相关文章
相似问题
腾讯云开发者
