单击按钮时弹出窗体

Question

有没有办法使用jquery在单击按钮时在弹出窗口中创建表单？表单将只有很少的输入字段和“保存”和“取消”按钮。因此，点击“保存”，表格中的信息将被保存在数据库中，并将返回到原始屏幕。我想要一个淡入的弹出窗口。

Answer 1

使用此代码

HTML

<div id="divdeps" style="display:none" title=""></div>

Jquery on DOM ready

$("#divdeps").dialog({
    autoOpen: false,
    show: 'slide',
    resizable: false,
    position: 'center',
    stack: true,
    height: 'auto',
    width: 'auto',
    modal: true
});

这段代码将初始化一个对话框，并将其置于准备打开和连续关闭的状态。如果你想在页面加载时打开对话框，那么在你已经添加到document ready中的代码之后添加下面这行代码：

$("#divdeps").dialog('open');

相反，如果您想要在单击事件之后打开对话框，请在应该触发打开的元素的单击事件上添加相同的代码。

将您的表单添加到myDialog中。如果您需要有关表单提交的更多帮助，请给我们更多详细信息…

Answer 2

How to generate a simple popup using jQuery

Answer 3

“查找JQuery UI”对话框。

创建一个包含表单的div：

<div id=form>
 your form here
</div>

然后调用一个对话框实例(probaby链接，这是某种触发窗体的单击处理程序)

                       $('#form').dialog({
                            modal: true,
                            buttons:
                          { "Cancel": function() {
                              $(this).dialog("close")
                          },
                              "Submit": function() {
                               //put code here for form submission
                           }
                       });