你现在的位置:首页>>WEB编程>>JAVASCRIPT & AJAX >>iframe父级表单的赋值与获得

iframe父级表单的赋值与获得

更新时间:2010-4-21 00:00:49   浏览次数:549
关键词:父级表单         

我们在使用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>

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

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

随机推荐文章
CopyRight © 2008-2010  糊涂蛋技术网   苏ICP备05013073号
站长:xlxcn QQ:54960248  三郎 QQ:120554323   E-mail:xlxcn#126.com