Question

这是我的父表单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的地址字段以及父表单的名称字段。

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

Answer 1

iFrames没有任何问题，但在这种情况下，它并不高效或简单。

如果您想避免框架和表单的问题，请使用可滚动的部门：

    <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的麻烦。

我希望你能从一个有用的答案获得更好的里程，并且势利“问正确的问题”。

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

1 个答案: