Question

我需要帮助。当我提交此表单时，我希望它自动重定向到选择列表中的值选项（即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>

Answer 1

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

将表单代码更改为：

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

Answer 2

在某些情况下，您可能必须使用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?

Answer 3

将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();" />

如果你把它放在一个函数中并调用函数

会更好

Answer 4

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

您必须对表单标记执行submit属性。然后它应该工作。 http://www.w3schools.com/jsref/event_form_onsubmit.asp

需要帮助才能在提交时重定向表单

4 个答案: