常州网络公司首页 >>> WEB编程 >> JAVASCRIPT & AJAX

iframe父级表单的赋值与获得

发布时间:2010-4-21 0:00:49   浏览次数:8221

我们在使用iframe时,需要获得父级值或需要给父级页面赋值,那么怎样才能做到呢。

方法很简单,只是知道不知道这这个方法。

方法如下:

parent.document.getElementById("IdName").value="Value";

很简单的一句语句。

下面推个例子:

父页面:
<form id="form1" name="form1" method="post" action="">
  <label>姓名:
  <input type="text" name="name" id="name" />
  </label>
  <br />
地址:
<label>
<input type="text" name="address" id="address" />
</label>
<p>
  <label>
  <input type="submit" name="button" id="button" value="Submit" />
  </label>
</p>
</form>
<iframe width="150" height="20" frameborder="0" src="listUser.aspx" scrolling="no"></iframe>

listUser.aspx子页面:

<input type="submit" name="button2" id="button2" value="赋值" onclick="showinfo();"/>

<script type="text/javascript">
function showinfo()
{
parent.document.getElementById("name").value="姓名";
}
</script>

当你点击了“赋值”按钮时,父页面里的姓名就是“姓名了”

同样也可以获得父页面里的值

上一条:JS图片切换效果
下一条:点击图片放大效果(收藏)
首页 | 在线留言 | 网站地图

CopyRight ©2008-2014   糊涂蛋技术网    苏ICP备05013073号
站长:万创   QQ:54960248  E-mail:xlxcn#126.com