선택 상자를 통해 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에 대한 코드 그게 될 채널 선택 상자에 따라 앤지.

<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을 새로 고치기위한 버튼을 배치해야합니다. becoz 지금은 작동하지 않습니다. – 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 변경 옵션

답변

관련 문제