Хочу подставить вместо "ЗНАЧЕНИЕ" текст из инпута text. Как такое делается?
<form class="search" method="post" action=".../ЗНАЧЕНИЕ">
<input type="text" name="text" ну и тут всякое>
<input type="submit" value="Найти" class="button">
</form>
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуХочу подставить вместо "ЗНАЧЕНИЕ" текст из инпута text. Как такое делается?
<form class="search" method="post" action=".../ЗНАЧЕНИЕ">
<input type="text" name="text" ну и тут всякое>
<input type="submit" value="Найти" class="button">
</form>
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>