Как из input взять значение и подставить в iframe

Рейтинг: -1Ответов: 1Опубликовано: 08.03.2023
<div class="container">
    <div class="item">
        <div class="search">
            <input type="text" placeholder="Введите название">
            <button>Поиск</button>
        </div>
    </div>
    <div class="iframe">
        <iframe src="https://site.ru?search='Здесь тест из input'" frameborder="0" scrolling="no" allowfullscreen="" referrerpolicy="origin" width="800" height="452"></iframe>
    </div>
</div>
javascript
Источник: Stack Overflow на русском

Ответы

▲ 1

const myButton = document.getElementById("button");

myButton.addEventListener("click", function() {
    const name = document.getElementById("name").value;
    const iframe = document.getElementById("iframe");
    iframe.src = "https://site.ru?search=" + name;
    alert(iframe.src);
    }
);
<div class="container">
    <div class="item">
        <div class="search">
            <input type="text" placeholder="Введите название" id="name" value="">
            <button id="button">Поиск</button>
        </div>
    </div>
    <div class="iframe">
        <iframe src="" id="iframe" frameborder="0" scrolling="no" allowfullscreen="" referrerpolicy="origin" width="800" height="452"></iframe>
    </div>
</div>