javascript - 入力テキスト値の取得

Question

次のHTMLの場合

<form>
    Enter hash here: <input type="text" name="hash">
       <button type="submit" formaction="/tasks/">Retrieve Url</button>
</form>

ユーザーを「ハッシュ」ボックスに入力した/tasks/A場所=にリダイレクトするにはどうすればよいですか？A<input>

ありがとう

Answer 1

この投稿を見てください。

例とまったく同じことを行います。

Answer 2

送信のデフォルト アクション( event.preventDefault();)を防止するか、ボタンを から に変更してからtype="submit"、type="button"JavaScript を使用してフォームのアクションを設定する必要があります。あなたのために仕事をすることができるいくつかのjQueryはここにあります：

$('button').click(function() {
    //set the form action
    $('form').attr('action', '/tasks/'+$('input[type="text"]').val())
    //submit the form
    .submit();
});

http://jsfiddle.net/jhfrench/BQ8MW/で実際の例を参照してください。

Answer 3

一時的な投稿とリダイレクトを使用できます。例えば：

<?php
if(isset($_POST['hash'])){
header("Location:/tasks/" . $_POST['hash']);
}
?>

または、AJAX を使用して値を収集し、更新せずにリダイレクトすることもできます。