通過選擇框更改Iframe SRC選項

我想知道，我們如何通過選擇框更改IFRAME的SRC URL。通過選擇框更改Iframe SRC選項

我們有以下代碼。

HTML代碼

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

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

我只是想根據選擇框的這樣

終值更新Iframe2的src代碼爲IFRAME這是ch ange根據選擇框。

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

感謝

槍

來源

2012-07-04 user1501505

這可能會幫助你http://stackoverflow.com/questions/1554396/change-content -in-iframe-with-jquery或者嘗試像這樣http://jsfiddle.net/rhpNc/ – Devjosh

你可以有一個模板，並用它來重新渲染您的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); 

});

來源

2012-07-04 12:24:20

我們如何才能使它成爲重新呈現此功能的代碼。我們應該放置一個按鈕來刷新Iframe，只要我改變選擇框。因爲目前它不工作。 – user1501505

我想我已經做了一個編輯來回答你的問題。 –

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

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

});

來源

2012-07-04 12:25:59 Falci

通過選擇框更改Iframe SRC選項

回答

相關問題