Разместить переменную в ссылке перенаправления

Question

Я хочу взять переменную, полученную из представления формы HTML, и поместить ее в ссылку window.location.replace.

HTML:

<form action="search.js" type="search"> 
    <input type="text" name="searchInput" class="textbox" placeholder='' maxlength="10" />  
</form> 

В форме представления, я назначен searchInput переменной JS.

Тогда, я хочу, чтобы поместить его после запроса = в ссылке ниже:

https://www.youtube.com/channel/.../search?query=SEARCHINPUT

Есть ли способ сделать это с помощью JavaScript, как показано ниже? Или есть лучшее решение, использующее PHP?

window.location.replace="https://www.youtube.com/channel/.../search?query=[var=searchinput]

Answer 1

Да, это сделать:

window.location.replace=".../search?query=" + $("[name=searchInput]").val(); 

Answer 2

Вы можете сделать это даже просто используя форму по умолчанию представить поведение, если вы измените атрибут action вашей формы к URL вы хотите попасть (без параметров запроса), затем измените имя вашего ввода на query.

<form action="https://www.youtube.com/channel/.../search"> 
    <input type="text" name="query" class="textbox" placeholder='' maxlength="10" /> 
    <button type="submit">Submit</button> 
</form> 

поведение по умолчанию отправки формы будет сериализовать ваши значения формы и поместить их после ? в конце URL в атрибуте action.

Итак, если вы запустили вышеуказанный код, набрали «поиск» в поле ввода, а затем нажмите кнопку «отправить», ваш браузер будет перенаправлен на https://www.youtube.com/channel/.../search?query=search. (Обратите внимание, что это не будет работать в таких средах, как StackSnippets, jsfiddle и т. Д., Поскольку они не позволят вам перенаправлять на другой домен, поэтому я не сделал это StackSnippet)