Как передать параметр из input в качестве ссылки src в iframe?
Как передать параметр из input в качестве ссылки src в iframe?
1 ответ
от
karen.wisozk ,
2 года назад
@roxanne.hauck
Для передачи параметра из input в качестве ссылки src в iframe можно использовать JavaScript.
Вот пример кода, который демонстрирует это:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOCTYPE html>
<html>
<head>
<title>Передача параметра из input в iframe</title>
</head>
<body>
<input type="text" id="url-input" placeholder="Введите ссылку">
<button onclick="loadIframe()">Загрузить</button>
<br>
<iframe id="my-iframe" width="500" height="300" src="" frameborder="0"></iframe>
<script>
function loadIframe() {
var inputUrl = document.getElementById("url-input").value;
var iframe = document.getElementById("my-iframe");
iframe.src = inputUrl;
}
</script>
</body>
</html>
|
В этом примере у нас есть поле ввода input с id "url-input", кнопка "Загрузить" и iframe с id "my-iframe". При нажатии на кнопку "Загрузить" вызывается функция loadIframe(), которая получает значение из поля ввода, указанного элементом с id "url-input". Затем эта ссылка назначается как src элемента iframe с id "my-iframe".
Это позволяет обновить src iframe, используя значение из поля ввода.
15
Похожие обсуждения:
Как передать данные из iframe в родительское окно?
Как взять title из iframe и передать его странице в которой он загружается?
Как передать параметр в функцию react.js?
Не получается передать файл в БД (longblob)
Как передать параметр в factory на laravel?
Как передать функцию в качестве параметра в с++?