您的位置:首页 > 其它

父页面获取iframe子页面中的值

2015-12-15 16:55 441 查看




关于Struts2 + spring + hibernate进Q群: 130529143交流。

有偿技术支持Q群:398162181 

Iframe   从父页面取子页面的值 (2011-11-17 16:23:08)

a.jsp
<form>
  <input type="text" id="id" value="0">
  <input type="text" id="name" value="">
</form>
在a.jsp页面写一个方法:
〈script>
function getData(){
   var id = document.getElementByIdx_x("id").value;
   var name= document.getElementByIdx_x("name").value;
   //创建一个Obj对象,定义属性为id,并为属性赋值
   var obj = {"id":id,
     "name":name};
return obj;
}
〈/script>

b.jsp
<form id="subform">
<iframe src="a.jsp" name="frame" name="frame">
</form>
//在b.jspd页面调用a页面的方法
<script>
function addField(){
   var obj = windows.iframe["frame"].getData();
   var subform= document.getElementByIdx_x("subform");
   for(var i in obj){
    //document.createElement_x()是在对象中创建一个对象,要与appendChild()
或 insertBefore()方法联合使用。其中,appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。
     Box=document.createElement_x("input");   
     Box.type="hidden;"
     Box.name="aa/"+i;
     Box.value= obj[i];
     //以上相当于创建一个〈input type="hidden" name="obj/id" value="Box.value"/>
     subform.appendChild(Box);
   }
}
</script>

子页面点击提交的时候,提交form,保存成功,子页面的值也保存成功。


关于Struts2 + spring + hibernate进Q群: 130529143交流。

有偿技术支持Q群:398162181 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: