2016-08-15 80 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。它將被重定向到某個給定的鏈接。