jquery 控制frameset frame节点内容（在子窗口中把该窗口中的焦点处的text内容填入其它子窗口的input内

最新推荐文章于 2022-05-19 15:35:29 发布

原创最新推荐文章于 2022-05-19 15:35:29 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

js 同时被 2 个专栏收录

60 篇文章

订阅专栏

ajax

26 篇文章

订阅专栏

本文详细记录了解决跨框架值传递的难点和解决方案，包括使用jQuery操作不同框架内的元素，实现焦点处文本内容到另一个框架输入框的赋值。

现在做这个项目中，有一项把：在子窗口中把该窗口中的焦点处的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部分是：

	function MM_changeProp(leftjhObj) {//带参数的函数，把焦点对象传给函数
		leftjh=leftjhObj.innerText;//得到了焦点对象的text属性，也就是表格中的内容
		rightjh=$(window.parent.frames["right"].document).find('#jh').val(leftjh);}//取得right框架中的id为jh的对象的val值，并改变为焦点的内容，这样就实现了把一个子框架的值传给另一个框架了，这里我一直把值以=的形式改写，所以才一直无法得正确传值。我用的是：

rightjh=$(window.parent.frames["right"].document).find('#jh').val()=leftjh;这是错误的，要把值通过val()方法传给对象才行。

主框架代码为：

<!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">

<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>jquery 控制frameset frame节点内容</title></head>

<frameset rows="*" cols="217,*">

　 <frame name="left" src="left1.php" noresize="noresize" />

 　<frame name="right" src="right1.php" /></frameset><noframes><body></body></noframes></html>
在右边的框架中，有一个form表单中有一个ID为jh的<input type="text" id="jh">
<form action="" method="POST">

<table>

<tr>

	<tb>
　		<input  type="text" id="jh"/></tb>
	</tr>

	<tr>

	<tb>

	</tb>

	</tr>

</table>
</form>