从 iframe 中的表单获取数据答案

【问题标题】：Get data from a form that is in an iframe从 iframe 中的表单获取数据
【发布时间】：2017-05-14 07:45:00
【问题描述】：

我想用 $_POST 获取我的表单的数据，它在我的主表单的 iframe 中，有可能吗？

这是我的 iframe 的内容：

<form method="post" action="demo.html">
<div class="col-md-12 nopadding">
    <textarea id="txtEditor"></textarea>
</div></form>

这个 iframe 包含在我的主窗体中。

我试过了，但是不行：

<iframe name="contenuArticle" onload="copyIframeContent(this);" src="<?php echo $base_url.'/wysiwyg/demo.html"'; ?> scrolling="no" height="424.4" width="770" FRAMEBORDER="no"></iframe>
                                            <script>$('#contenuArticle').contents().find('#txtEditor').html(); </script>
                    <textarea id="recup"></textarea>

我也试过这个：

                        <iframe name="contenuArticle" id="contenuArticle" src="<?php echo $base_url.'/wysiwyg/demo.html"'; ?> scrolling="no" height="424.4" width="770" FRAMEBORDER="no"></iframe>
                    <script>document.getElementById("#contenuArticle").innerHTML; </script>

还有这个：

<iframe name="contenuArticle" id="contenuArticle" src="<?php echo $base_url.'/wysiwyg/demo.html"'; ?> scrolling="no" height="424.4" width="770" FRAMEBORDER="no"></iframe>
                    <script>document.getElementById('#contenuArticle').contentWindow.document.body.innerHTML;</script>

还有这个：

<script>
$('input:button[name=publier]').click(function() {
    var name = $('iframe[name=contenuArticle]').contents().find('#txtEditor').val();
});

提前感谢您的帮助

【问题讨论】：

我的主要表单是一个使用 method="post" 的简单表单，我在其中包含 iframe
是的就是这样
我把 target="_parent" 放在我的主表单中，但是然后呢？
你可以使用js的innerHTML从iframe获取内容并将它们放入主窗体内的一些div中。
我进行了测试，但我无法创建正确的代码来执行它。我使用 iframe 因为我有 css 冲突，它允许我规避它们。我编辑了我的帖子

标签： php html

【解决方案1】：

您试图在内容加载之前获取内容。

试试这个

$(document).ready(function(){
        $('#iframe').on('load', function () {
            console.log($(this).contents().find('#txtEditor').val());
        });
    });

它对我有用。

【讨论】：