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

Question

我正在尝试在花式框 (http://fancybox.net/) 窗口中从一个表单发布到另一个表单。

例如，我在表单上有一个带有复选框的城市列表。

当用户在第一个表单上单击提交时，我希望fancybox 窗口出现在另一个表单中。新表单上将有一个文本框，其中在前一个表单上选择的城市ID 隐藏为表单元素.

我遇到的问题是提交表单时弹出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 表单插件 (http://malsup.com/jquery/form/) 解决。

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

谢谢