在动态加载的bootbox对话框中提交表单

时间:2017-01-23 04:15:49

标签: javascript php jquery bootbox

我使用Bootbox Dialog以下列方式加载php页面:

$('.create_special').on('click', function(event) {
    var loadurl = $(this).attr('data-load-url');
    var title = $(this).attr('data-title');
    $.get(loadurl, function(data) {
        bootbox.dialog({
            message: data,
            title: title,
            buttons: {
                cancel: {
                    label: "Cancel",
                    className: "btn-default",
                },
                submit: {
                    label: "Submit",
                    className: "btn-primary",
                    callback: function() {
                        console.log($(this).closest("form"));
                        $(this).closest("form").submit();
                    }
                }
            }
        });
    });
});

通过:

<td><a href="javascript:void(0);" data-load-url="framework/helpers/send_email.php?id=<?php echo $user['user_id']; ?>" class="create_special" data-title="Send Email to <?php echo htmlentities($user['username']); ?>"><?php echo htmlentities($user['email']); ?></a></td>

如您所见,我希望能够在模态底部有两个按钮。一个取消并关闭,一个在php文件中提交对话框加载的表单。我无法搞清楚这一点,并且真的不知道从哪里开始。随着对话框越来越多地加载DOM?我试图避免必须专门提交表单,因为我将使用此函数用于具有不同表单名称的其他php文件。因此,如果我能做一些像this closest等等一样简单的事情,那就太好了。

0 个答案:

没有答案