javascript - 外部ページから iframe フォームに入力する

Question

これがシナリオです。ページ内に iframe されたアプリケーションがあります。

私は2つのページを持っています.1つは単純なフォームになります:

    <form method="get" action="iframed.html">
    Zip Code:
    <input id="txtZipCode" type="text" name="ZipCode" />
    <input id="btnSubmit" type="submit" value="Submit" />
    </form>

もう 1 つは、ページ内に iframe されたフォームに情報を取り込みます。

    <iframe src="blahblahForm.html" ></iframe>

最初のページに入力され、iframe フォームでページに入力された郵便番号を取得するにはどうすればよいですか?

ありがとうございました

Answer 1

iframe src が同じドメインにあると仮定すると、次のことができます。

function setZipInIframe(zip){
   //load the input iframe and set a value
   getIframeDocument().getElementById('txtZipCode').value = zip;
}    


function getIframeDocument(){
            var iframe = document.getElementById("ifrId"); 
            //contentDocument because IE8 doesn't support contentWindow
            return (iframe.contentDocument || iframe.contentWindow.document);   
        }