我们在使用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>
当你点击了“赋值”按钮时,父页面里的姓名就是“姓名了”
同样也可以获得父页面里的值