最近做项目需用到一个弹出层加载iframe页面的东西，首先想到layer插件,此插件用到过多次，兼容性很好，功能也强大，废话不多说上代码。

其实功能很简单，就是在目标页面选择一个值，回掉回来，说明一下主要的代码。

$("#ChoiceBank").click(function () {
                var width = $("#content").css("Width");
                layer.open({
                    type: 2,
                    title: ‘开户银行选择‘,
                    area: [width, ‘380px‘],
                    content: [‘/Bank.aspx‘, ‘no‘],
                    btn: [‘确定‘, ‘取消‘],
                    yes: function (index, layero) {
                        var body = layer.getChildFrame(‘body‘, index);  //此处我理解的是加载目标页面的内容
                        $("#当前页面需要设置的元素").val(body.find(‘#h_bankName‘).val());　　//查到目标页面的内容赋给当前页面元素
                        layer.close(index);//这块是点击确定关闭这个弹出层
                    }
                });
            });

此弹出窗口触发条件有多个分别为

success - 层弹出后的成功回调方法

yes - 确定按钮回调方法

cancel - 取消和关闭按钮触发的回调

end - 层销毁后触发的回调

需要说的就这么多不清楚的，可留言，或者去官方论坛发帖。