Javascript 将文本输入添加到超链接

我正在尝试实现一个功能，用户可以在输入框中键入一段文本，单击提交，然后他们将被带到一个网页，其中包含他们在url中提交的文本

例如，如果用户在文本中输入单词“apple”并单击submit，他们将被带到，或者如果他们输入单词“orange”，他们将被带到

我已经尝试了以下代码，但没有用-它不会在提交时将用户发送到任何地方

<form method="get">
<input type="text" value="11" id="input"> 
<button type="button" id="button">Click Me!</button>
</form>

<script>
$(document).ready(function(){

    $('#button').click(function(e) {  
        var inputvalue = $("#input").val();
        window.location.replace(" http://www.example.com/page/"+inputvalue);

    });
});
</script>

点击我！
$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（e）{
var inputvalue=$（“#input”）.val（）；
window.location.replace（“http://www.example.com/page/“+输入值）；
});
});

既然可以用PHP轻松地使用JQuery，为什么还要尝试使用它

形式

---

你的代码对我有用

您确定在脚本之前添加了jquery吗

添加以下内容：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

---

不要为此使用jQuery。带有get方法的简单表单可以很好地工作

<form name="sample" method="get">
      <input name="username" type="text" value=""/>
      <input name="submit" type="submit" value="submit"/>
</form>

---

一旦用户填写字段并按您要查找的格式单击“提交”按钮，这将自动提交表单。

我编辑了帖子并包含了我尝试过的代码，但没有效果。常规表单（没有jQuery）、提交按钮、，一个名为“

username

的文本字段可以通过GET方法实现这一点。因为你需要一个后端和一个前端，再加上更多的网页。这是事实，但另一方面，在js中，他需要输入脚本——这根本不是一个好的解决方案。在我看来，使用php更快、更简单、更安全。此外，我们并不是在输入上使用

eval

。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<form name="sample" method="get">
      <input name="username" type="text" value=""/>
      <input name="submit" type="submit" value="submit"/>
</form>