单击“提交”后更改iframe高度

Question

我有一个iframe，它带有一个带有表单的php页面，用户提交该表单并获取另一个php页面的内容（托管在另一个域上）。原始页面内容需要大约300像素的iframe高度，但生成的内容页面要求iframe的高度约为2300像素。

有没有办法在页面首次加载时将iframe高度设置为300px，但在用户提交表单并获取第二页内容后更改为2300px？我已经尝试了几种不同的解决方案，但是没有一种方法可以使用。

如果有帮助的话，我也可以访问通过iframe引入的页面。

这是我的iframe代码：

＆＃13;

＆＃13;

<iframe id="iframe" src="http://example.com" style="height:300px;" width="100%"></iframe>

＆＃13;

＆＃13;

＆＃13;

在http://example.com我试过这个剧本：

＆＃13;

＆＃13;

<script type="text/javascript">
    $(document).ready(function(){
    $("#submit").on('submit',function(){
        $('#iframe', window.parent.document).css({height:'2300px'});

});
});
</script>

＆＃13;

＆＃13;

＆＃13;