フォームからテキスト入力を取得し、jsを使用してantotherページにリダイレクトする方法を教えてください。入力値を取得してリダイレクト
<form action="">
<input type="text" name="query" id="query" />
<input type="submit" value="search" />
</form>
と、このような何かにリダイレクトし、提出に:
site.com/search/INPUT_TEXT_HERE
フォームからテキスト入力を取得し、jsを使用してantotherページにリダイレクトする方法を教えてください。入力値を取得してリダイレクト
<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
あなたが望むURLにリダイレクトする。フォームが送信されたときに
は最後に、クリックしてjQueryのpreventDefault()
$("form").submit(function(e){
e.preventDefault();
window.location.replace("site.com/search/"+$("#query").val());
})
ありがとう、それは動作しますが、私はメソッド= "投稿/取得"を設定、それdoesnt仕事、どのように私はデフォルトの動作を防ぐことができますか?先生のおかげで、私の悪い英語のために申し訳ありません。 – NGTHM4R3
あなたの場合、私は自分の答えを更新するメソッドを設定する必要はありませんが、ちょうど 'preventDefault()'を使用してください。 –
<form action="place ur URL/>;
を使用して、あなたのcode.whenを書くべき提出からフォームを防ぐためにjQueryのsubmit
機能
を使用してコードを実行しますsubmit
にあります。一部のリンクにリダイレクトされます。
[HTMLフォームを投稿した後にリダイレクトする]の可能な複製(http://stackoverflow.com/questions/12092226/redirect-after-posting-a-html-form) – ayushgp