【问题标题】:Get input value and redirect获取输入值并重定向
【发布时间】:2016-08-15 05:09:22
【问题描述】:

如何使用js从表单中获取文本输入并将其重定向到另一个页面?

<form action="">
<input type="text" name="query" id="query" />
<input type="submit" value="search" />
</form>

并在提交时重定向到这样的内容:

site.com/search/ INPUT_TEXT_HERE

【问题讨论】:

标签: javascript jquery html


【解决方案1】:

只需使用 jquery 的 val() 获取您输入的值并使用 window.location.replace 重定向到您想要的 url。

当使用jquery的submit函数提交表单时,最后执行你的代码

为了防止表单提交你应该使用jquery的preventDefault()

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

【讨论】:

  • 谢谢,这行得通,但如果我在表单中设置 method="post/get" ,它不起作用,我怎样才能防止默认行为?非常感谢,对不起我的英语不好。
  • 虽然在你的情况下你不必设置方法我更新了我的答案。只需使用preventDefault()
【解决方案2】:

&lt;form action="place ur URL/&gt;; 并编写您的代码。当您单击submit时,它将被重定向到某个给定的链接。

【讨论】:

    猜你喜欢
    • 2018-01-09
    • 2018-02-25
    • 2020-03-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-19
    相关资源
    最近更新 更多