头都大了,layer.open如何获取iframe页面的元素的值

未结贴
4 84
需求是这样的,主页面index有个链接(或者说是按钮),点击这个按钮的时候弹出窗口,窗口的页面是iframe.jsp,iframe.jsp里面input,那么想在点击layer.open的按钮的时候获取iframe.jsp页面中input的值。
如下:index页面
<head>
<script src="${pageContext.request.contextPath}/js/jquery-3.1.1.min.js" type="text/javascript"></script>
</head>
<body>
<a id="open">layertest</a>
<script src="${pageContext.request.contextPath}/js/layer/layer.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/test.js" type="text/javascript"></script>
</body>
</html>

点击layertest调用的js:
$("#open").on("click", function() {
layer.open({
type : 2,
area : [ '700px', '530px' ],
fixed : false, // 不固定
maxmin : true,
content : 'iframe.jsp',
btn : [ '继续弹出', '全部关闭' ] // 只是为了演示
,
yes : function(layero, index) {
var data = $("#myname").val();
layer.msg("哈哈哈:" + data, {
time : 5000
});
},
btn2 : function() {
layer.closeAll();
}
});
});

iframe页面:
<input id="myname" name="myname" type="text"/>

效果:


难道不能这样直接获取么?
这么简单的都搞了半天,希望大神能够指点指点,谢谢。[泪]
  • 斗地主 斗地主
    9天前
    自己顶一一下[失望]
    0 回复
  • 斗地主 斗地主
    9天前
    之前使用了:

    var body = layer.getChildFrame('body', index);
    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();
    console.log(body.html()) //得到iframe页的body内容
    body.find('input').val('Hi,我是从父页来的')
    }
    });
    还是不行,搞到快受不了,后面才发现这里两个参数的顺序问题:

    文档是:(layero, index) 换了下这两个顺序就好了,好坑啊
    0 回复
  • 感觉思路不对的吧。
    你这个只要iframe.jsp做弹出就行了啊,为什么是要父页面去获取呢? 如果是为了获取这个值,直接index点击这个按钮的时候 直接ajax获取input的值就行了,是不是你把这个搞复杂化了
    你直接iframe.jsp
    parent.layer.msg($("#myname").val());就能达到你的效果吧
    0 回复
  • 斗地主 斗地主
    9天前
    @杭州隔壁老王 弹出的iframe.jsp界面有input给用户填写信息,然后获取iframe.jsp所填写的信息通过ajax提交,iframe.jsp就没有按钮,使用layer.open的按钮来操作提交
    0 回复
最近热帖
layui 1.0.8 发布,一次用心的小版本升级 5456
layer 3.0.2 发布,千锤百炼下的稳健弹层方案 1214
基于LayUI的后台管理模板BeginnerAdmin更新啦~~~~~~~~~~~~~~ 590
Layer真心好用,有了它,我作为一个phper终于有信心抛开二次开发 341
layui不好用啊,好复杂啊 313
layui 三级联动 276
不得不承认,非常棒的一个富文本编辑器 231
ThinkPHP基于Layui无刷提交数据表单,亲测可用 229
CSDN有人公开LayIM源码,弄他 218
wangeditor富文本编辑器整合到fly社区,UI完美 161
layim下载
近期热议
layui 1.0.8 发布,一次用心的小版本升级 56
layui不好用啊,好复杂啊 13
基于LayUI的后台管理模板BeginnerAdmin更新啦~~~~~~~~~~~~~~ 13
通过ajax动态生成的新checkbox添加到table里面样式不存在了,怎么才能重新渲染? 13
layui的进度条总是无法显示 10
关于富文本框的内容清空问题 10
layer.confirm弹出之后的keydown事件 10
layim怎么接入php服务端啊,急急急 8
请问layui的tab切换,防止页面刷新效果重置是怎么实现的? 8
富文本框和默认图标不一样是什么鬼 7