javascript - 检索输入文本值

Question

对于以下 HTML

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

如何将用户重定向到/tasks/Awhere 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 收集值，然后在不刷新的情况下重定向。