layer框架 jquery获取父页面open打开的子页面获取子页面的输入值与执行子页面方法

jquery获取父页面open打开的子页面获取子页面的输入值与执行子页面方法(执行子页面表单提交)

 parent.layerIndex = parent.layer.open({
                title: '***',
                type: 2,
                area: ['600px', '350px'],
                content: '******',
                shade: 0.1,
                //btnAlign: 'c',
                btnAlign:'center',
                btn: ["保存"],
                yes: function (index, layero) {
//得到iframe页的窗口对象,执行iframe页的方法
var iframeWin = parent.window[layero.find('iframe')[0]['name']];
//获取打开页面输入框的值
var Name = parent.frames["layui-layer-iframe" + index].$("#Name").val();

                     //根据表单id  提交表单
                     iframeWin.$('#fm').submit();

              });
var iframeWin = parent.window[layero.find('iframe')[0]['name']];  就可以执行子页面的方法

子页面的表单提交方法
 function Form() {
            $("#fm").form({
                onSubmit: function () {
                    parent.layer.load(1);
//表单验证
var isSubmit = $(this).form('validate'); if (!isSubmit) { parent.layer.closeAll("loading"); } return isSubmit; }, success: function (data) { } }); }

layui.use('form', function () {
     var form = layui.form;

     //监听提交
      form.on('submit()', function (data) {
          layer.msg(JSON.stringify(data.field));
          return false;
      });
})











posted @ 2021-07-22 11:25  天神下凡一锤四  阅读(1128)  评论(0编辑  收藏  举报