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内容：

<form name="f1" id="f1" action="" method="post">

<input name="uid" id="uid" type="text" value="input" />

</from>

方法一：通过ID获取

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

方法二：通过Form获取

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

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

JavaScript获取iframe中form表单中元素的值相关推荐

重置form表单中的input值
话不多说,直接上代码,看不懂的,你也可以私聊(这也看不懂,我也很惆怅啊) $(':input','#addMenuModal') //'#addMenuModal'为form表单id值 .not(': ...
mui ios中form表单中点击输入框头部导航栏被推起及ios中form表单中同时存在日期选择及输入框时，日历选择页面错乱bug...
一.ios header导航栏被推起解决方法 1 设置弹出软键盘时自动改变webview的高度 plus.webview.currentWebview().setStyle({ softinputMo ...
reac笔记_13 form表单元素中 input/defaultValue + useState/useRef
目录原生html元素 input属性示例1 示例2 react中受控组件与非受控组件属性 error - input标签value属性使用示例 - useState 示例 - input标签 ...
jQuery操作Form表单元素
Web开发中常常须要操作表单,form表单元素有select.checkbox.radio.textarea.button.file.text.hidden.password等. 当中checkbox ...
Js/Jquery获取iframe中的元素在Iframe中获取父窗体的元素方法
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1. 格式:win ...
form表单中根据值判断是否disabled_Java 0基础入门（Html表单、表单元素）
上一篇:Java 0基础入门 (Html标签的使用) 表单在网页中主要负责数据采集功能. 一.表单实际应用场景百度搜索 5173注册如上两张图,图中的黑色线条是我画上去的,如果按照黑线,在Excl ...
【学习】如何用jQuery获取iframe中的元素
(我的博客网站中的原文:http://www.xiaoxianworld.com/archives/292,欢迎遇到的小伙伴常来瞅瞅,给点评论和建议,有错误和不足,也请指出.) 说实在的,以前真的很少 ...
html表单提交按钮代码,JavaScript在form表单中使用button按钮实现submit提交方法
submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上. ...
php中enctype属性,PHP_关于form表单中Enctype属性的用法，关于Form表单中Enctype属性的用 - phpStudy...
关于form表单中Enctype属性的用法关于Form表单中Enctype属性的用法: form表单中的Enctype属性指定将数据发回到服务器时浏览器使用的编码类型. 下面是它的取值说明: mul ...

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

JavaScript获取iframe中form表单中元素的值相关推荐

最新文章

热门文章