Php 弹出窗口-打开表单，提交数据并返回所选值

我已经安装了bPopup，并在我的

main.php

页面上配置了一个简单的弹出窗口：

  $('#element_to_pop_up').bPopup({
              contentContainer:'.content', 
              loadUrl: 'test.php', 
              onClose: function(){ 
                  var name = $('#name').val();
                  console.log(name)
              }
  });

按下按钮时，将显示元素到弹出窗口，并加载

test.php

test.php

包含：

SITE<br/>
NAME <input type='text' id='name' name='name' value=''><br/>
ID <input type='text' id='idd' name='idd' value=''><br/>
DESC <input type='text' id='desc' name='desc' value=''><br/>
<input type='submit' class="b-close" />

站点

名称

ID

描述

按下关闭按钮时，弹出窗口关闭，my console.log确实显示

name

我想做的是

一个

close

按钮，用于关闭弹出窗口，而不返回值

一个单独的提交按钮，用于将表单提交到数据库，关闭弹出窗口并将3个值返回给父OnClose函数

到目前为止，我已经创建了一个显示代码的

有人知道我该怎么做吗

谢谢

---

<>我很乐意考虑一个不同的插件，如果有帮助的话，

在您的Test.PHP中添加两个ID为

的按钮。

<input type='button' class="b-close" id='close' value='close'/>
<input type='button' class="b-close" id='save' value='save'/>

新的显示这个。 打开笔的控制台日志，启动弹出窗口并输入您的姓名

如果单击“保存”，则应在控制台中显示您的姓名。如果单击“关闭”，应在控制台中显示“关闭”

---

希望这能有所帮助。

谢谢你的想法，它很有帮助。我将把它标记为解决方案，因为它帮助我朝着正确的方向前进。

 onClose: function(){ 
    var val = $(document.activeElement).attr('id'); // ID of selected button
    console.log (val)

    if ( val == 'close') { // close popup
       return false;
    }

    var name = $('#name').val(); // return values.
       console.log(name)
    }
}