input layer name 赋值_layer子层给父层页面元素赋值实例讲解

本文主要为大家带来一篇layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。

父层：

jsp中：

//页面上添加一个隐藏的输入框待用于被子层设置value，从而将子层的数据传递到此页面

js代码：

//设置function，当执行时，弹出子窗口并传递当前窗口名称//弹出子窗口(选择商家)

function choseMerchant() {

//获取当前窗口名称

var parentName= window.name;

/*(由于用的ssm框架)URL对应的是controller方法，并向其传递当前窗口名称，打开的窗口显示页面即

为经过controller方法后返回的页面*/

var url = root + "/adPosition/choseMerchant?parentName="+ parentName;

laySum = parent.layer.open({

//设置打开的子窗口效果

type : 2,

title : "选择商家",

shadeClose : true,

shade : 0.5,

shift : 0,

area : [ '40%', '863px' ],

content : url,

success: function(layero, index){

}

});

}

子层：

jsp中：

//页面添加的隐藏输入框，存储的值是经过controller方法后返回的父窗口名称，用于区分，将id设置为mainIframeName

js代码：

//设置function，当执行时，传值并关闭当前窗口function setvalue() {

//得到“mainIframeName”输入框中存储的值

var mainIframeName = $("#mainIframeName").val();

//判断是否为空或者是未定义

if (mainIframeName != "" && mainIframeName != "undefined")

{

//此处的ifrc和winc的意义可自行查阅

var ifrc = window.parent.frames[mainIframeName];

var winc = ifrc.window || ifrc.contentWindow;

try {

//设置父窗口隐藏输入框的值为hello world

winc.document.getElementById("getValue").value = "hello world!";

} catch (ex) {

winc.location.reload();

}

}

//关闭当前窗口

var index = parent.layer.getFrameIndex(window.name);

parent.layer.close(index);

}

总结：此方法用于子层直接给父层元素赋值，从而达到传值的效果，关键点在于需要将父层窗口名称传递到子层中。

以上就是小编为大家带来的layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例的全部内容了，希望大家喜欢哦~

相关推荐：