jquery 控制frameset frame节点内容(在子窗口中把该窗口中的焦点处的text内容填
2019独角兽企业重金招聘Python工程师标准>>>
现在做这个项目中,有一项把:在子窗口中把该窗口中的焦点处的text内容填入其它子窗口的input内,也就是改写input的value值,这个费了4天时间,写下来记录一下心情吧
这个问题困扰了我4天,今天终于解决了,其实这并不难,只是自己学的太少,边学边用,又费时间又费精力,但真是长知识。
在left中访问right中的对象的jquery代码为:
$(window.parent.parent.frames["right"].document).find('#jh')这是找到了ID为jh的对象
$(window.parent.parent.frames["right"].document).find('#jh').val是指的是id对象的value值。
在left中访问right中的对象,并将left表格中的值传给righ中id为jh的文本框的代码为:
在left.php中的html代码为:
<td><a href="#" class="style1" onClick="MM_changeProp(this)" ><?php echo "$row[$i]"; ?></a></td>//点击触发MM_changeProp事件,并将此时,焦点处的text内容传给函数。
javascript部分是:
- <span style="color:#ff6666;"> function MM_changeProp(leftjhObj) {//带参数的函数,把焦点对象传给函数
- leftjh=leftjhObj.innerText;//得到了焦点对象的text属性,也就是表格中的内容
- rightjh=$(window.parent.frames["right"].document).find('#jh').val(leftjh);}//取得right框架中的id为jh的对象的val值,并改变为焦点的内容,这样就实现了把一个子框架的值传给另一个框架了,这里我一直把值以=的形式改写,所以才一直无法得正确传值。我用的是:</span>
- <pre name="code" class="javascript"><span style="color:#ff6666;">rightjh=$(window.parent.frames["right"].document).find('#jh').val()=<span style="font-family: Arial, Helvetica, sans-serif;">leftjh;这是错误的,要把值通过val()方法传给对象才行。</span></span></pre>
- <pre></pre>
- <p></p>
- <p>主框架代码为:</p>
- <pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml"></pre><pre name="code" class="html"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /></pre><pre name="code" class="html"><title>jquery 控制frameset frame节点内容</title></head></pre><pre name="code" class="html"><frameset rows="*" cols="217,*"></pre><pre name="code" class="html"> <frame name="left" src="left1.php" noresize="noresize" /></pre><pre name="code" class="html"> <frame name="right" src="right1.php" /></frameset><noframes><body></body></noframes></html>
- 在右边的框架中,有一个form表单中有一个ID为jh的<input type="text" id="jh">
- <form action="" method="POST"></pre><pre name="code" class="html"><table></pre><pre name="code" class="html"><tr></pre><pre name="code" class="html"><span style="white-space:pre"> </span><tb>
- <span style="white-space:pre"> </span><input type="text" id="jh"/></tb>
- <pre name="code" class="html"><span style="white-space:pre"> </span></tr></pre> <pre name="code" class="html"><span style="white-space:pre"> </span><tr></pre><pre name="code" class="html"><span style="white-space:pre"> </span><tb></pre><span style="white-space:pre"></span><input type="submit"/ value="提交><pre name="code" class="html"><span style="white-space:pre"> </span></tb></pre>
- <pre></pre>
- <pre name="code" class="html"><span style="white-space:pre"> </span></tr></pre><pre name="code" class="html"></table>
- </form></pre><br>
- <br>
- <p></p>
- <pre></pre>
- <pre></pre>
- <pre></pre>
- <pre></pre>
- </pre>
转载于:https://my.oschina.net/fangshaowei/blog/192255
jquery 控制frameset frame节点内容(在子窗口中把该窗口中的焦点处的text内容填相关推荐
- js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选
js jquery 获取元素(父节点,子节点,兄弟节点) 一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&q ...
- jquery兄弟标签_jQuery的父,子,兄弟节点查找方法
jQuery的父,子,兄弟节点查找方法 jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("s ...
- js jquery 获取元素(父节点,子节点,兄弟节点)
js jquery 获取元素(父节点,子节点,兄弟节点) js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&quo ...
- JS监听页面元素删除子节点、增加子节点、修改子节点的内容
监听这个事件DOMSubtreeModified. 表示如果当前监听元素的子节点有改动:包括删除子节点.增加子节点.修改子节点的内容,都会触发这个事件. var container = documen ...
- Jquery找父元素,祖先,子元素,子孙,兄弟节点
jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素,不限于父元素 jQuery.children ...
- jquery兄弟标签_JQuery的父、子、兄弟节点查找方法
jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素,不限于父元素 jQuery.children ...
- frameset ajax,js控制frameSet示例
js控制frameSet示例 1:js修改frameset的cols属性来达到修改各个页面所占的宽高,例如隐藏当前frame页. 复制代码 代码如下: window.parent.document.g ...
- js 操作frameset frame 对象
js 操作frameset frame 对象 框架编程概述 一个HTML页面可以有一个或多个子框架,这些子框架以<iframe>来标记,用来显示一个独立的HTML页面.这里所讲的框架编程包 ...
- HTML之FrameSet,Frame和Iframe区别
文章目录 1 HTML之Frame框架 1.1 各个介绍 1.1.1 Frameset 1.1.2 Frame 1.1.3 Iframe 1.2 区别 1.2.1 Frameset与Frame的区别 ...
最新文章
- URI URL 简介区别
- debian linux
- 记-php的设计模式
- MaxCompute技术人背后的故事:从ApacheORC到AliORC
- 中国搜 为人民服务 整合本地搜索引擎 出差旅游搜索国外国内当地服务网站 快速进行本地资源查找利用...
- dhcp软件_tp-link无线路由器软件如何升级【教程图解】
- 3个提升Python运行速度的方法,很实用
- Xamarin.Android开发音乐播放器
- JAVA视频系列,学习JAVA常遇到的问题,连载【方法篇】。
- Bailian3251 最少费用【递归】
- Spring中使用 InitializingBean
- Java命名规范+常量定义方法
- Java的GUI学习九(列出指定目录内容)
- 重启mysql tomcat_linux下MySQL、Tomcat、Redis、Nginx停止和重启
- PVLAN(Private VLAN)在局域网中的应用
- SQL Server 查询分析工具
- 阿铭Linux第二章笔记
- anaconda 安装scipy
- Mongodb数据库(上)
- C语言虚词怎么在程序里表示,文言虚词用法推断