2016-08-15 78 views
-2

如何从窗体中获取文本输入并将其重定向到antother页面,使用js?获取输入值并重定向

<form action=""> 
<input type="text" name="query" id="query" /> 
<input type="submit" value="search" /> 
</form> 

,并在提交重定向到这样的:

site.com/search/INPUT_TEXT_HERE

+1

可能重复[发布HTML表单后重定向](http://stackoverflow.com/questions/12092226/redirect-after-posting-a-html-form) – ayushgp

回答

1

只是使用jQuery的val(),让您的输入和window.location.replace的价值重定向到你想要的网址。

当窗体使用jQuery的submit功能

提交为了防止提交你应该使用jQuery的preventDefault()

$("form").submit(function(e){ 
e.preventDefault(); 
window.location.replace("site.com/search/"+$("#query").val()); 
}) 
+0

谢谢,这有效,但如果在表单中我设置方法=“后/得到”,它不工作,我如何防止默认行为?感谢先进的和抱歉我的英语不好。 – NGTHM4R3

+1

虽然在你的情况下,你不必设置一个方法,我更新了我的答案。只需使用'preventDefault()' –

0

<form action="place ur URL/>;表格,单击写你code.when最后执行代码在submit。它将被重定向到某个给定的链接。