Question

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

我们有以下代码。

HTML CODE

<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 CODE

<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>

谢谢

枪

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);

});

通过选择框选项更改Iframe SRC

2 个答案: