通过父页面中的提交按钮提交 iframe 和父表单答案

【问题标题】：Submit iframe and parent form by submit button in parent page通过父页面中的提交按钮提交 iframe 和父表单
【发布时间】：2014-01-19 10:20:49
【问题描述】：

这是我的父表单 parent-form.html，带有一个提交按钮。

    <form name="parent_form">
    Name
    <input type="text" id="name" name="name">
    <input type="submit" id="submit" type="button"  value="Submit"></button>
    </form>

    <iframe src="iframe_form.html" id="iframe_id" name="iframe_name"></iframe>

这是我的 iframe 表单 iframe_form.html，其中包含一个字段。

    <form name="iframe_form">
     Address
    <input type="text" id="address" name="address">
    </form>

我想通过点击父表单的提交按钮来提交 iframe 的地址字段和父表单的名称字段。

还有其他相关的帖子，但不适合简单的方法。

【问题讨论】：

为什么，哦，为什么，哦，为什么，哦，为什么您要使用 IFRAME 来托管在同一域上的内容（IFRAME 的相对 src 路径）？
我尝试了 jquery 的 .load() 来加载 iframe_form.html，但它似乎不适用于 chrome。此外，我已将内容最小化。我不得不使用 iframe，因为选项卡中有选项卡，所以编码变得非常复杂。
您不必使用 IFRAME，“因为它变得非常复杂”。再试一次。如果您对嵌入内容的正常、理智的方式有困难，然后就这些方式提出问题！
没有。提出相关问题（新问题）。随意继续这行问题，或删除问题。
很难找到比在常规表单中包含 iframe 表单更复杂的东西。事实上，大多数表单元素都是用 CSS 隐藏的，而不是从外部加载的。

标签： html

【解决方案1】：

iFrame 没有任何问题，但在这种情况下，它既不高效也不简单。

如果你想避免框架和表格的问题，那就使用可滚动的划分：

    <div id="scrollcontent1" style="overflow-y: scroll; height:100px;">
      Address: <input type="text" id="address" name="address">
    </div>

如果您想在您的页面上拥有多个，请使用它们的序列，确保每个 ID 具有不同的名称。然后，您可以使用 visible 属性和您想要的任何 javascript 触发器动态呈现您需要的内容。确保您设置了height 属性，如果您希望两个滚动条都存在，请使用overflow 而不是overflow-y。这是一个简单的解决方案，它避免了 jquery 和 iframe 的麻烦。

我希望你能从一个有用的答案中获得更好的效果，而不是势利地“问正确的问题”。

【讨论】：

赞成，因为你的权利，有太多肮脏势利的用户只是浪费时间发布有争议的回复而不是帮助！这些用户需要慢跑！！！！吐槽