Question

我有一个带有表单的页面（index.html）。在提交时，数据被发布到一个php文件，然后将所述数据存储在（临时）xml文件中，但是，我也有一些iframe也包含表单。起初，我计划简单地将iframe中的输入数据发布到单独的php文件中，但我遇到了几个问题：

- 我有几个iframe，但我没有固定金额，因为用户应该能够删除/添加iframe。因此我不能只告诉iframe 1将其数据发送到php-file no。 1，iframe 2将其数据发送到php-file no.2等..，我需要一个灵活的解决方案。

- 我试图将所有iframe输入提交到一个php文件，并希望它能正常工作，因为这个php文件发送数据的xml文件只是更新而不是完全覆盖。正如您可能猜到的那样，这不起作用。

- 我遇到的另一个问题是用户可能会返回并编辑他输入iframe的内容。只有在点击html文件中的保存按钮后才能保存数据，以防止这种情况发生。

我也试过通过JavaScript提交数据，就像有类似问题的人建议的那样，但这对我没有用。所以我想我想要的是关于我应该怎么做的建议。单击“主”保存按钮后如何发送所有数据，如果数据转到多个php文件则无关紧要。解决方案不应该依赖于固定数量的元素，因为该数量并不总是相同。

这是iframe-html：

<form method="POST" action="php/iframe.php">

    <label>Your thoughts:</label>
    <input type="text" name="header">

    <label>Suggestions:</label>
    <textarea type="text" name="textbox"></textarea>

    <input type="button" value="submit">
</form>

（所有Iframe基本相同）。如果您需要任何其他信息，请与我们联系。编辑：我读到同时提交表格可能会造成干扰，我知道很多

编辑：

相关index.html：

<form method="post" action="main.php">

    <div id="firstSection"
       <label>First input</label>
       <input type="text" name="input[]">
       <button type="button" onclick="openIframe1()">Read more</button>
    </div>
    <div id="secondSection"
       <label>Second input</label>
       <input type="text" name="input[]">
       <button type="button" onclick="openIframe2()">Read more</button>
    </div>

    <button type="submit" value="submit"></button>

</form>

    <div class="iframe">
        <button type="button" class="close">Close</button>
        <iframe src="iframe1.html"></iframe>

    </div>
    <div class="iframe">
        <button type="button" class="close">Close</button>
        <iframe src="iframe2.html"></iframe>

    </div>

Answer 1

在主页面中将iframe输入数组定义为隐藏元素，在主页面中单击提交通过iframe获取数据并附加到您隐藏的元素，您现在可以将其发布到您的后端试试这个：Access jQuery data from iframe element

同时提交html表单数据和iframe输入

1 个答案: