主页 / 问题 / 593559
Accepted
ilya1099
Asked:2020-11-21 01:44:27 +0000 UTC2020-11-21 01:44:27 +0000 UTC

为 iframe 获取价值

  • 772

我有一个接收value下拉列表并显示图像的代码，其路径在value每个列表项中指定。现在有必要显示另一个 html 文档，但用它替换它并不是那么容易<img>。<iframe>求论坛网友帮忙。JS 到目前为止很弱。这是我用来显示图像的代码

<img id="img" src="value" align="middle" />
  <script>
    var select = document.getElementById('categories'),
      img = document.getElementById('img');
    select.addEventListener('change', changeImg.bind(this),false)
    function changeImg(elem) {
      img.src = elem.target.value
    }
  </script>

javascript

1 个回答

  1. Best Answer

    这里的一切都很简单：

    <select id="categories">
	<option>Выберите из списка</option>
	<option value="http://site.com/">site.com</option>
	<option value="http://site.com/">site.com</option>
</select>

<iframe id="iframe" src="value" align="middle"></iframe>
  <script>
    var select = document.getElementById('categories'),
      iframe = document.getElementById('iframe');
     select.addEventListener('change', changeImg.bind(this),false)
    function changeImg(elem) {
      iframe.src = elem.target.value
    }
 </script>

    最主要的是，在将要显示的网站标题中iframe不应该有X-Frame-Options: DENY

    • 0

相关问题