如何從窗體中獲取文本輸入並將其重定向到antother頁面,使用js?獲取輸入值並重定向
<form action="">
<input type="text" name="query" id="query" />
<input type="submit" value="search" />
</form>
,並在提交重定向到這樣的:
site.com/search/INPUT_TEXT_HERE
如何從窗體中獲取文本輸入並將其重定向到antother頁面,使用js?獲取輸入值並重定向
<form action="">
<input type="text" name="query" id="query" />
<input type="submit" value="search" />
</form>
,並在提交重定向到這樣的:
site.com/search/INPUT_TEXT_HERE
只是使用jQuery的val()
,讓您的輸入和window.location.replace
的價值重定向到你想要的網址。
當窗體使用jQuery的submit
功能
提交爲了防止提交你應該使用jQuery的preventDefault()
$("form").submit(function(e){
e.preventDefault();
window.location.replace("site.com/search/"+$("#query").val());
})
謝謝,這有效,但如果在表單中我設置方法=「後/得到」,它不工作,我如何防止默認行爲?感謝先進的和抱歉我的英語不好。 – NGTHM4R3
雖然在你的情況下,你不必設置一個方法,我更新了我的答案。只需使用'preventDefault()' –
<form action="place ur URL/>;
表格,單擊寫你code.when最後執行代碼在submit
。它將被重定向到某個給定的鏈接。
可能重複[發佈HTML表單後重定向](http://stackoverflow.com/questions/12092226/redirect-after-posting-a-html-form) – ayushgp