Layer.js弹框内如何调用JavaScript方法并传递参数？

layer.js调用弹出框内的javascript方法

在项目中使用layer.js调用弹出框时，遇到了使用弹出框内javascript方法的问题，具体代码如下：

function pop_cardsend() {
    layer.open({
        id: "1",
        type: 2,
        title: '标题',
        shadeclose: true,
        shade: 0.6,
        anim: 0,
        area: ['90%', '80%'],
        content: 'if.aspx',
        success: function (layero, index) {
            var childbody = layer.getchildframe('body', index);
            childbody.find('#nav_hiddn').hide();
            childbody.find('#弹出层元素id').val($('#基层元素id').val());
            selectperson( $("#基层元素id").val());
        }
    });
}

登录后复制

其中，selectperson是弹出框内的javascript方法，希望在打开弹出框时使用基层元素的value值作为参数运行它。问题在于，这段代码中selectperson无效。

解决方案

立即学习“Java免费学习笔记（深入）”；

要在打开弹出框时使用基层元素的值作为参数运行弹出框内的javascript方法，需要在url上添加参数。修改后的代码如下：

function Pop_CardSend() {
    layer.open({
        id: "1",
        type: 2,
        title: '标题',
        shadeClose: true,
        shade: 0.6,
        anim: 0,
        area: ['90%', '80%'],
        content: 'if.aspx?param=' + $("#基层元素id").val(),
        success: function (layero, index) {
            var Childbody = layer.getChildFrame('body', index);
            Childbody.find('#nav_hiddn').hide();
        }
    });
}

登录后复制

在弹出框中，可以通过geturlparam('param')获取url上的参数值，再将它作为参数传递给selectperson方法。

以上就是Layer.js弹框内如何调用JavaScript方法并传递参数？的详细内容，更多请关注抖狐科技其它相关文章！