页面中有iframe的表单如何提交

楼主 banzhiyanz 于 2013-08-13 00:26:08

页面中有iframe的表单如何提交

[P]<form method="post" action="b.asp" name="formd" id="formd">[/P][P]<input type="text" name="title">[/P][P]<iframe src="erp_fahuodan_mx.asp?serials=10000 width="1000" height="150" frameborder="1" scrolling="auto"></iframe>[/P][P]<input type="submit" value="提交">[/P][P]</form>[/P][P] [/P][P]erp_fahuodan_mx.asp 内容如下：[/P][P]<input type="text" name="MaterialCode" id="MaterialCode" class="inp_z">[/P][P] [/P][P]请问：[/P][P]何如在b.asp中也把name="MaterialCode" 的内容获取到呢？[/P]

1楼 ONE PIECE 于 2013-08-13 09:08:42

JS如何获取并操作iframe中的元素？ [P][P][P]一、需求与遇到的问题[/P][P]　　在网站的后台管理中使用了iframe框架布局，包括顶部菜单、左侧导航和主页面。需求是：点击主页面上的一个按钮，在顶部菜单栏的右侧显示“退出”链接，点击可退出系统。[/P][P]　　我的思路是：在顶部的菜单页面放一个不可见的“退出”链接，当用户点击位于iframe中的主页面（mainPage.htm）中的按钮时，在顶部菜单页面的右侧显示“退出”。[/P][P]　　我现在遇到的问题是：如何在页面的一个iframe子页面（mainPage.htm）中获取并且操作其它iframe子页面（比如topPage.htm）中的HTML元素？[/P][P]二、通过JS获取并操作iframe中的元素来解决问题[/P][P]　　这里主要就是通过JS来操作Window对象。Window 对象表示浏览器中打开的窗口，如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。[/P][P]　　经过我在网上查资料，找到了JS操作iframe中HTML元素的方法。示例如下。[/P][P][COLOR=rgb(0, 128, 128)]1[/COLOR] [COLOR=rgb(0, 0, 255)]function[/COLOR][COLOR=rgb(0, 0, 0)] ShowExit() {[/COLOR][COLOR=rgb(0, 128, 128)]2[/COLOR] [COLOR=rgb(0, 128, 0)]//[/COLOR][COLOR=rgb(0, 128, 0)]获取iframe的window对象[/COLOR][COLOR=rgb(0, 128, 128)]3[/COLOR] [COLOR=rgb(0, 0, 255)]var[/COLOR] topWin = window.top.document.getElementById("topNav"[COLOR=rgb(0, 0, 0)]).contentWindow;[/COLOR][COLOR=rgb(0, 128, 128)]4[/COLOR] [COLOR=rgb(0, 128, 0)]//[/COLOR][COLOR=rgb(0, 128, 0)]通过获取到的window对象操作HTML元素，这和普通页面一样[/COLOR][COLOR=rgb(0, 128, 128)]5[/COLOR] topWin.document.getElementById("exit").style.visibility = "visible"[COLOR=rgb(0, 0, 0)];[/COLOR][COLOR=rgb(0, 128, 128)]6[/COLOR] }[/P][P]　　说明：第一步，通过window.top.document.getElementById("topNav")方法获取了顶部菜单页面（topPage.htm）所在的iframe对象；第二步，通过上一步获取到的iframe对象的contentWindow属性得到了iframe中元素所在的window对象；第三步，通过上一步获取到的window对象来操作iframe框架中的元素，这和操作不在iframe框架中的普通HTML元素是一样的。[/P][/P][/P][COLOR=rgb(0, 0, 0)][/COLOR]

2楼 ONE PIECE 于 2013-08-13 09:09:50

提交前,先获取iframe中的所有input等元素值,再提交.必须要借助 javascript交互

3楼 banzhiyanz 于 2013-08-13 09:55:32

[P]嗯，除了这个先js获取到，也没别的办法了吧？[/P]

4楼 ONE PIECE 于 2013-08-13 10:02:01

肯定要用js,办法是很多,比如把iframe的innerhtml读取到form中当,这样提交表单也会一并提交

5楼 banzhiyanz 于 2013-08-13 22:52:17

[P]实验了挺多的，最后觉得用iframe还是太费劲了[/P][P]既然我是想在两个页面中实现，那就干脆把两个页面合并一个页面[/P][P] [/P][P]其中一个用div[/P][P] [/P][P].divScroll{
OVERFLOW:auto;
scrollbar-face-color: #999999;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #D2E5F4;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #D2E5F4;
}[/P][P] [/P][P]来实现吧，效果是和iframe一样的效果，而且还省下好多麻烦。[/P][P]可以不用在回复本帖了[/P]

ASP讨论区

页面中有iframe的表单如何提交