Отправить форму в диалоговом окне начальной загрузки, которое было динамически загружено

Я использую 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 ответов

Другие вопросы по тегам