`
XinTeng2012
  • 浏览: 94519 次
社区版块
存档分类
最新评论

js来获取嵌套的子页面iframe里面的html和form表单中元素值

 
阅读更多

刚刚在做一个功能的时候需要使用iframe嵌套弹出一个编辑框,当提交的时候需要父页面来提交,同时展示提交后的结果;

因此想到用父页面里面的js来获取,子页面iframe里面的form表单内容,同时提交到后台处理。

子页面:<input type="button" onclick="parent.submitFORM(this)" value="提交" />

父页面:functionsubmitFORM(XX){

var childIframeArr=document.getElementsByTagName('iframe');获取子页面的iframe数组;

找出自己的子页面iframe;

通过var name =childIframeArr[i].contentWindow.document.getElementById("name").value;获取子页面iframe里面id为name的值;

之后就可以进一步操作了,传给后台或者参数校验等等。

}


希望可以帮到您!

分享到:
评论

相关推荐

    HTML开发王

    10.8 为表单添加结构(fieldset元素和legend元素) 10.9 将焦点移到某个元素上 10.9.1 使用【tab】键导航 10.9.2 使用热键导航 10.10 设置禁用控件和设置只读控件 10.10.1 设置禁止控件 10.10.2 设置只读控件 10.11 ...

    html入门到放弃笔记

    按照元素们的表现形式来分类,分为 行内元素 和 块级元素1、行内元素 在一行内允许显示多个元素的,称为 "行内元素" span,i,b,s,u,sup,sub 作用:包裹文本,并处理文本的表现形式 2、块级元素 每个元素独占一...

    IE9 elementUI文件上传的问题解决

    form表单上传会引起页面的刷新,因此需要动态添加一个iframe来避免页面刷新 from表单上传之后需要调用回调,此时需要监听iframe的onload事件 坑 文件上传之后的返回值 Content-Type值不能是application/json 这会...

    ExtAspNet_v2.3.2_dll

    -如何自定义Javascript脚本和C#处理函数来响应键盘事件。 -为Tree增加AutoLeafIdentification属性。 -增加示例(tree_auto_leaf_identification.aspx)(feedback:wdrabbit)。 +2009-11-17 v2.1.4 -修正...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -如何自定义Javascript脚本和C#处理函数来响应键盘事件。 -为Tree增加AutoLeafIdentification属性。 -增加示例(tree_auto_leaf_identification.aspx)(feedback:wdrabbit)。 +2009-11-17 v2.1.4 -修正...

    从入门到精通HTML5——PDF——网盘链接

     12.2 新增的元素和废除的元素 228  12.2.1 新增的结构元素 228  12.2.2 新增的块级的语义元素 230  12.2.3 新增的行内的语义元素 231  12.2.4 新增的嵌入多媒体元素与交互性元素 231  12.2.5 新增的input元素...

    《javaScrip开发技术大全》源代码

    • sample21.htm 通过字符串的起始位置和结束位置来获得子字符串 • sample22.htm slice()方法的使用 • sample23.htm substr()方法的使用 • sample24.htm 查找子字符串在字符串中...

    ARCH4系统开发指南

    2.13 表单提交时调用的JS函数 28 2.13.1 submitFormToSave(form, funcSubmit) 28 2.13.2 submitFormWithoutConfirm(form, funcSubmit) 28 2.13.3 为什么要引入funcSubmit参数 29 2.13.4 为什么要先弹出“Are you ...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    JQuery事件之页面框架和加载后自动执行 JQuery扩展以及自动执行函数的应用 JQuery阻止事件发生 JQuery扩展 作业 第18周 内容概要 JS正则详解 JS正则详解之验证 组件BootStrap、EasyUI、JQueryUI 插件轮播 Django_...

    C#编程经验技巧宝典

    111 &lt;br&gt;0184 如何在ASP.NET中获取文件的扩展名 111 &lt;br&gt;0185 如何在ASP.NET中用URL在页面之间传值 112 &lt;br&gt;0186 如何使用IsPostBack实现ASP.NET页面加载 112 &lt;br&gt;0187 如何利用输出缓存技术缓存...

Global site tag (gtag.js) - Google Analytics