JavaScript获取iframe中form表单中元素的值

简介:

index.html内容:

1
2
< iframe  id = "mpage"  name = "mpage"  onload = "AdaptorHeight()"  style = "border-style: none; height: 100%;width: 100%;"
scrolling = "auto"  frameborder = "0"  src = "test.html" >


test.html内容:

1
2
3
< form  name = "f1"  id = "f1"  action = ""  method = "post"
    < input  name = "uid"  id = "uid"  type = "text"  value = "input"  /> 
</ from >

方法一:通过ID获取

1
var  name =  parent.document.getElementById( "mpage" ).contentWindow.document.getElementById( 'uid' ).value;

方法二:通过Form获取

1
var  name1 =  parent.document.getElementById( "mpage" ).contentWindow.document.forms[ 'f1' ].uid.value;




     本文转自stock0991 51CTO博客,原文链接:http://blog.51cto.com/qing0991/1427477,如需转载请自行联系原作者




相关文章
|
3天前
|
JavaScript 前端开发
JavaScript如何遍历表单元素?
JavaScript如何遍历表单元素?
|
3天前
编程笔记 html5&css&js 022 HTML表单概要
编程笔记 html5&css&js 022 HTML表单概要
|
21天前
|
移动开发 JavaScript 前端开发
分享88个表单按钮JS特效,总有一款适合您
分享88个表单按钮JS特效,总有一款适合您
25 1
|
22天前
|
存储 移动开发 JSON
分享86个表单按钮JS特效,总有一款适合您
分享86个表单按钮JS特效,总有一款适合您
24 1
|
2月前
|
移动开发 JavaScript 前端开发
分享95个JS表单脚本,总有一款适合您
分享95个JS表单脚本,总有一款适合您
15 0
|
2月前
|
JavaScript
如何用js在页面中添加元素?
如何用js在页面中添加元素?
15 0
|
3天前
|
移动开发 HTML5
编程笔记 html5&css&js 024 HTML表单元素
编程笔记 html5&css&js 024 HTML表单元素
|
3天前
编程笔记 html5&css&js 023 HTML表单属性
编程笔记 html5&css&js 023 HTML表单属性
|
7天前
|
JavaScript 前端开发
js制作动态表单
js制作动态表单
7 0
|
23天前
|
移动开发 JSON JavaScript
分享76个表单按钮JS特效,总有一款适合您
分享76个表单按钮JS特效,总有一款适合您
16 5

相关产品

  • 云迁移中心