JBox的父页面获取iframe中的元素值

子页面（jbox中的页面）部分代码：

	

		

			

				
启用时间：
				

					
				
			
			
 
 
			

				
生产线编号：
				

					
				
			
			
 
 
			

				
负 责 人：
				

					
				
			
			
 
 
			

				
生产线类型：
				

					
				
			
			
 
 
			

				
班 组 长：
				

					
				
			
			
 
 
			

				
备注说明：
				

					
				
			
		
	

父页面代码：

 function addLine(){
            top.$.jBox.open("iframe:${ctx}/product/hfsjProductLine/form","生产线管理",500,500,
                {
                    draggable:true,
                    persistent: true,
                    buttons: { '提交': 1, '取消': 0 },
                    submit: function (v, h, f) {
                        if(v==1){
                            var jboxObj = h.find("iframe")[0].contentWindow;
                            //获得生产线编号
                            var lineCode=jboxObj.code.value;
                            //获得创建日期
                            var buildDate=jboxObj.time.value;
                            //获得负责人
                            var leader=jboxObj.leader.value;
                            //获得生产线类型
                            var typeList= $(jboxObj.document).find("input[name='type']:checked");
                            var type = [];
                            for(var i=0;i"+type.toString())
                            //获得班组长
                            var squadLeader=jboxObj.squadLeader.value;
                            //获得备注
                            var remarks=jboxObj.remarks.value;

                            var data = {"lineCode":lineCode,"buildDate":buildDate,"leader":leader,
										"type":type.toString(),"squadLeader":squadLeader,"remarks":remarks}
                            var url = "${ctx}/product/hfsjProductLine/addLine";
                            console.log("____________:"+data);
                            $.ajax({
                                type: 'POST',
                                url : url,
                                data: data,             //获取表单数据
                                async:false,
                                success : function(data) {
                                    if (data=="OK") {
                                        window.location.href="${ctx}/product/hfsjProductLine";              //调用父窗体方法，当关闭子窗体刷新父窗体
                                        top.jBox.tip("添加成功!");
                                    } else {
                                        window.location.href="${ctx}/product/hfsjProductLine";
                                        top.jBox.tip("添加失败!");
                                    }
                                }
                            });
                            self.location.reload(); // 主窗口刷新
						}
                    },
                    loaded:function(h){
                        $(".jbox-content", top.document).css("overflow-y","hidden");
                    }
                });

        }

重点：

var jboxObj = h.find("iframe")[0].contentWindow;
//获得生产线编号
var lineCode=jboxObj.code.value;
//获得创建日期
var buildDate=jboxObj.time.value;
//获得负责人
var leader=jboxObj.leader.value;
//获得生产线类型
var typeList= $(jboxObj.document).find("input[name='type']:checked");

其中code、time、leader分别对应iframe表单中的标签id。

h.find("iframe")[0].contentWindow表示获得当前JBox对象

 

详情解说见：https://blog.csdn.net/baidu_30809315/article/details/80929427

此链接中的方法---表单序列化，有点问题：https://blog.csdn.net/geniusbluesky/article/details/77527376