javascript - 通过选择框选项更改 Iframe SRC

Question

我想知道，我们如何通过选择框更改 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>

我只想像这样根据 Select 框的值更新 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>

谢谢

枪

Answer 1

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

  $("iframe").attr("src",url); 

});

Answer 2

你可以有一个模板并使用它来重新渲染你的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);

});