从外部页面填写iframed表单

Question

这是一个场景，我们的页面中有应用程序。

我有2页，其中一页将有一个简单的表格：

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

另一个将信息拉入页面中iframed的表单。

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

如何提取在第一页上输入的邮政编码，并填入带有iframed表格的页面？

谢谢

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