2016-08-15 19 views
-2

フォームからテキスト入力を取得し、jsを使用してantotherページにリダイレクトする方法を教えてください。入力値を取得してリダイレクト

<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あなたが望むURLにリダイレクトする。フォームが送信されたときに

は最後に、クリックしてjQueryのpreventDefault()

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

ありがとう、それは動作しますが、私はメソッド= "投稿/取得"を設定、それdoesnt仕事、どのように私はデフォルトの動作を防ぐことができますか?先生のおかげで、私の悪い英語のために申し訳ありません。 – NGTHM4R3

+1

あなたの場合、私は自分の答えを更新するメソッドを設定する必要はありませんが、ちょうど 'preventDefault()'を使用してください。 –

0

<form action="place ur URL/>;を使用して、あなたのcode.whenを書くべき提出からフォームを防ぐためにjQueryのsubmit機能

を使用してコードを実行しますsubmitにあります。一部のリンクにリダイレクトされます。

関連する問題