Question

我有一个灯箱形式（并在后台有页面）。我想关闭灯箱并在点击提交按钮后停留在该页面上。但是点击后它会重定向到另一个页面（php数据库连接页面）提交button.need help.i想知道如何关闭灯箱并留在那个页面上。谢谢你！

Answer 1

向处理表单请求的表单添加一个事件侦听器，然后从该处理程序返回false，页面将不会刷新。因为我们不知道您使用的是哪个灯箱，所以我们无法准确地告诉您如何删除它......但如果您使用的是jQuery，则可以使用以下内容：

$("#lightbox-id").hide();

或

$("#lightbox-id").remove();

Answer 2

使用JavaScript在灯箱内提交表单＆amp;关闭灯箱。

Answer 3

function send_form ( )
{
ajax = new XMLHttpRequest;
if (!ajax) return false;

ajax.open('POST', '/index/send_form/'); //your post url should be here
ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

var field0= document.getElementById('submit').value;
var field1 = document.getElementById('message').value; //you should modify these fields according to your form 

ajax.send('sub=' + submit + '&message=' + content);
//then post url becomes something like: www.example.com/index/send_form/?sub=submit&message=this

//then close the lightbox in here
}

并为html部分删除action属性并在onsubmit事件中调用此函数。

点击提交按钮后如何关闭灯箱表格？

3 个答案: