主页 / 问题 / 563610
Accepted
Xenosiv
Asked:2020-09-07 08:46:51 +0000 UTC2020-09-07 08:46:51 +0000 UTC

如何在 iframe 中将输入的参数作为 src 链接传递

  • 772

下午好。我有多个表单输入 - 

<input type="radio" name="TCselect" value="%link%">

并且有一个 iframe，我想在其中传输此链接。结果必须如下所示

<iframe id="TCframe" src="%link%"></iframe>

我请求你的帮助，因为 在你身上使用 javascript

javascript

1 个回答

  1. Best Answer

    尝试自己弄清楚，否则你将只剩下 javascript。

    var iframe = document.getElementById('TCframe');
var inputs = document.getElementsByTagName('input');

for(var i = 0; i < inputs.length; i++)
  inputs[i].addEventListener('change', function() {
    iframe.setAttribute('src', this.getAttribute('value'));
  });
    <input type="radio" name="TCselect" value="http://www.youtube.com/embed/yzuT_amWb_s?origin=http://ru.stackoverflow.com"> Привет, я кот<br>
<input type="radio" name="TCselect" value="http://www.youtube.com/embed/ZbM6WbUw7Bs?origin=http://ru.stackoverflow.com"> Japanese Donald Trump Commercial<br>
<iframe id="TCframe" src=""></iframe>

    • 3

相关问题