在IFRAMES和刷新页面之间传递值

时间:2011-08-23 18:46:27

标签: javascript asp.net iframe

我需要在两个嵌入的IFRAMES之间传递多个值并刷新接收的iframe src, 如何才能做到这一点。最好在c#代码后面的文件(asp.net)。

任何想法都会很好。 感谢,

1 个答案:

答案 0 :(得分:1)

以下是使用jQuery将文本发送到iFrame目标页面上的文本框/输入字段的快速示例。

包含嵌入式iFrame的父网页:

<script type="text/javascript">
    $(document).ready(function () {
        var $iframe1 = $('#iframe1').contents();
        var $iframe2 = $('#iframe2').contents();
        $iframe1.find('#testInput').val('Set on iFrame1');

        $iframe2.find('#testInput').val($iframe1.find('#testInput').val());
    });
</script>

<body>
    <form id="form1" runat="server">
    <div>
        <iframe name="iframe1" id="iframe1" src="TargetPage.htm" width="600px" height="400px"></iframe>
        <iframe name="iframe2" id="iframe2" src="TargetPage.htm" width="600px" height="400px"></iframe>

    </div>
    </form>
</body>

目标网页“TargetPage.htm”

<body>
    <input type="text" id="testInput" value="" />
</body>

注意: 如果您使用的是asp.net,则应使用$('&lt;%= TextBox1.ClientID%&gt;')来使用动态ID访问控件。