Добавить текстовый ввод в гиперссылку

Question

Я пытаюсь выполнить функцию, в которой пользователь может ввести текст в поле ввода, нажмите «Отправить», и они будут отправлены на веб-страницу, которая включает текст, который они отправили в URL-адрес ,

Например, если пользователь ввел слово «яблоко» в текст и нажал кнопку «Отправить», они будут отправлены в http://example.com/link.aspx?username=apple&jump=1, или если они ввели слово «оранжевый», они будут приняты до http://example.com/link.aspx?username=orange&jump=1.

Я пробовал следующий код, но безрезультатно - он не отправляет пользователя нигде в submit.

<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> 

Answer 1

Почему вы пытаетесь использовать JQuery, когда вы можете сделать это намного проще с PHP

Форма

<form action="form.php" method="get"> 
    <input type="text" name="n" /> 
    <input type="submit" /> 
</form> 

PHP стороне - form.php

header("Location: http://yourdomain/page/".$_GET['n']); 

Answer 2

ваш код работает для меня.

Вы уверены, что добавили jquery перед своим скриптом?

добавить следующее:

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

Answer 3

Не использовать JQuery для этого. Простая форма с методом get будет работать нормально.

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

Это автоматически отправит форму после заполнения пользователем поля и нажмите кнопку «Отправить» в том виде, в котором вы ищите.