需要帮助来重定向提交表格

我需要帮助。当我提交这个表单时，我希望它自动重定向到选择列表中的值选项（这是url）。因此，在按下提交在选择列表中选择艾哈迈达巴德需要帮助来重定向提交表格

它应该重定向到http://intranet.guj.nic.in/passport

目前，它没有进行重定向。 使用内嵌JavaScript代码的最佳方式是什么？

<html><body> 
<form id="pass-form" > 
<select id="pass-dropdown" ><option selected="selected">Select Passport Office 
for Status page </option><option value="http://intranet.guj.nic.in/passport/">Ahemadabad 
</option><option value="http://passportstatus.nic.in/passmain.php?city=asr">Amritsar 
</option><option value="http://rpobangalore.gov.in/npassport.asp">Bangalore 
</option><option value="http://passportstatus.nic.in/passmain.php?city=bly">Bareilly 
</option></select> 
<input type="submit" onsubmit="var sel = document.getElementById('pass-dropdown'); window.location = sel.options[sel.selectedIndex].value" /> 
</form> 
</body> 
</html>

来源

2013-01-05 AgA

你可能想看看：的http：//计算器.com/questions/138884/when-should-i-use-inline-vs-external-javascript and http://css.dzone.com/news/why-inline-css-and-javascript- – Sam

另外为什么不用你只是使用链接而不是下拉列表？或者，您可以通过服务器端脚本执行此操作。只需设置标题等于$ _GET ['form']。 – Sam

由于表单已被提交，因此'window.location'不会触发。您需要防止默认的提交行为，或者在服务器端处理它。例如'<？php if（isset（$ _ POST ['pass-dropdown']）&& $ _POST ['pass-dropdown']）header（'Location：'。$ _POST ['pass-dropdown']）; exit （）; ？>应该做这项工作。 – PassKit

这将是更好onsubmit是<form>元素的事件，而不是提交按钮的事件。

更改您的形式代码：

<form id="pass-form" onsubmit="window.location.href = 'newlocation'; return false;"> 
... 
    <input type="submit" value="Submit" /> 
</form>

来源

2013-01-05 10:57:09 techfoobar

但这种方式不会重定向。 – AgA

它将重定向代码放在onsubmit并返回false。 – techfoobar

http://jsfiddle.net/Udv7U/ – RichardTowers

更改type = "submit"到按钮

<input type="button" onclick="var sel = document.getElementById('pass-dropdown'); window.location = sel.options[sel.selectedIndex].value" />

更新

<input type="button" onclick="var sel = document.getElementById('pass-dropdown'); 
     var frm = document.getElementById("pass-form"); frm.action = sel; frm.submit();" />

，如果你把在函数和调用函数，而不是

来源

2013-01-05 10:53:05 codingbiz

谢谢，但我想保持type =“submit”是否可以在表单中更改ACTION并以同样的方式提交它？ – AgA

是的。 'frm = document.getElementById（“pass-form”）; frm.action = sel; frm.submit（）;' – codingbiz

<form id="pass-form" onsubmit="var sel = document.getElementById('pass-dropdown'); window.location = sel.options[sel.selectedIndex].value" > 
    ... 
    <input type="submit" /> 
</form>

您必须执行提交属性的表单标签。那么它应该工作。 http://www.w3schools.com/jsref/event_form_onsubmit.asp

来源

2013-01-05 11:01:35 ijo

它不起作用。 – AgA

使用'window.location.replace（sel.options [sel.selectedIndex] .value）'而不是'window.loaction = ...'http://www.w3schools.com/jsref/met_loc_replace.asp – ijo

在某些情况下，你可能需要使用return以确保所需的返回值被使用：

<form onsubmit="return redirectMe();"> 
    <input placeholder="Search" type="text"> 
</form> 

... more code here ... 

function redirectMe() { 
    window.location.replace("http://stackoverflow.com"); 
    return false; 
}

来源：How to pass an event object to a function in Javascript?

来源

2016-01-21 23:27:16 apebeast

需要帮助来重定向提交表格

回答

相关问题