使用jquery和fancybox发布表单到弹出窗体

Question

我试图从窗体发布到fancybox（http://fancybox.net/）窗口中的另一个表单。

例如我有一个窗体上有复选框的城市列表。

当用户点击第一个表单上的提交时，我希望fancybox窗口出现在另一个表单中。在新表单上将会有一个文本框，该表单上的城市id被隐藏为表单元素。

我遇到的问题是在提交表单时弹出fancybox窗口。

我最终将用户完全重定向到第二个窗体，或者弹出窗口不是fancybox窗口。

最近我到目前为止是使用我在另一个网站上找到的一些代码。这个问题是弹出窗口是一个正常的浏览器窗口。

<form id="myform" action="..." method="post"> 
<!-- form fields etc here --> 
</form> 

$(document).ready(function() { 
    $('#myform').submit(function() { 
     window.open('', 'formpopup', 'width=400,height=400,resizeable,scrollbars'); 
     this.target = 'formpopup'; 
    }); 
}); 

在此先感谢。

Answer 1

使用jQuery Form Plugin（http://malsup.com/jquery/form/）解决。

Open Fancybox (or equiv) from Form input type="submit"

感谢