通过选择框“选项”更改 Iframe SRC

Change Iframe SRC through select box Options

本文关键字：更改 Iframe SRC 选项 选择      更新时间：2023-09-26

我想知道，我们如何通过选择框更改 IFRAME 的 SRC URL。

我们有以下代码。

网页代码 

<select name="sign" size="1">
<option value="-1" selected="selected">Select Signature</option><option value="4ff42886$1$YT2.BF2.$241VJYgpUpWPD7p1Wjq5E1">Link Building India</option> 
</select>

内嵌框架代码

<iframe name="iframe2" src="signature.php?sign=" align="top" height="100%" width="95%" hspace="10" vspace="10" align="middle"></iframe>

我只想根据这样的选择框的值更新 Iframe2 的 src

IFRAME 的最终代码 根据选择框进行更改。

<iframe name="iframe2" src="signature.php?sign=4ff42886$1$YT2.BF2.$241VJYgpUpWPD7p1Wjq5E1" align="top" height="100%" width="95%" hspace="10" vspace="10" align="middle"></iframe>

谢谢

枪

$("select").change(function(){ // put a ID to select tag
  var url = "signature.php?sign="+$(this).val();
  $("iframe").attr("src",url); 
});

你可以有一个模板，每次都用它来重新渲染你的iframe？你可以这样做，因为你知道iframe所在的父级，对吧？

类似的东西..

var iframeHTMLTemplate = '<iframe ... name="blah" src="@src" />

而在附加到 DOM 的同时。

$("select").change(function(){ // put a ID to select tag
  var url = "signature.php?sign="+$(this).val();
  var myIframe = $(iframeHTMLTemplate.replace('@src', url));
  container.append(myIframe);
});
相关文章：