Как получить value в form из input?

Question

Хочу подставить вместо "ЗНАЧЕНИЕ" текст из инпута text. Как такое делается?

<form class="search" method="post" action=".../ЗНАЧЕНИЕ">
    <input type="text" name="text" ну и тут всякое>
    <input type="submit" value="Найти" class="button">
</form>

Answer 1

HTML:

<form class="search" method="post" action=".../ЗНАЧЕНИЕ">
    <input id="ho-ho" type="text" name="text">
    <input type="submit" value="Найти" class="button">
</form>

JS:

var inp = document.querySelector('#ho-ho');
var frm = document.querySelector('.search');
inp.addEventListener('change', (event) => {
  frm.action = inp.value;
});

Тест: https://jsfiddle.net/a7nydt62/

P.S. - Скрипт надо добавлять после формы, иначе он выполнится еще до того как браузер догрузит необходимые элементы.

<html>
  <body>
    <form class="search" method="post" action=".../ЗНАЧЕНИЕ">
      <input id="ho-ho" type="text" name="text">
      <input type="submit" value="Найти" class="button">
    </form>
    <script>
       var inp = document.querySelector('#ho-ho');
       var frm = document.querySelector('.search');
       inp.addEventListener('change', (event) => {
         frm.action = inp.value;
       });
    </script>
  </body>
</html>

БЛОГ НА HUSL

Как получить value в form из input?

Ответы (1 шт):