Добавление значения кнопки отправки для отправки () - PullRequest
0 голосов
/ 02 мая 2011

Я использую диалоговое окно Jquery UI в качестве подтверждения при удалении записи. Я пытаюсь добиться того, чтобы при нажатии на кнопку «Отправить» со значением «удалить» откроется диалоговое окно и подтвердится ваш выбор. Если вы выберете «Да», он отправит форму со значением кнопки «Отправить». Я понимаю, что это не будет работать в данный момент, потому что submit () не может узнать, какая кнопка была нажата, но я не знаю, как это сделать? Большое спасибо заранее.

<script type="text/javascript">
$(document).ready(function(){
    $("#dialog").dialog({
      modal: true,
            bgiframe: true,
            width: 500,
            height: 200,
      autoOpen: false
      });

    $("#rusure").click(function(e) {
        e.preventDefault();
        $("#dialog").dialog('option', 'buttons', {
                "Confirm" : function() {
                    $("#tasks").submit();
                    },
                "Cancel" : function() {
                    $(this).dialog("close");
                    }
                });
        $("#dialog").dialog("open");
    });
});
</script>
<input type="submit" name="action" value="Delete" id="rusure"/>

Форма называется «задачи», а скрытый div, содержащий содержимое диалога, - «диалог». На данный момент все работает нормально, за исключением отправки формы со значением кнопки отправки. В форме также есть 2 кнопки отправки.

1 Ответ

1 голос
/ 02 мая 2011

Попробуйте:

$("#rusure").click(function(e) {

    e.preventDefault();

    // Create hidden input from button and append to form
    var input = $('<input name="confirm_delete" value="yesplz" type="hidden" />').appendTo('#tasks');

    $("#dialog").dialog('option', 'buttons', {
            "Confirm" : function() {
                $("#tasks").submit();
                },
            "Cancel" : function() {
                $(this).dialog("close");
                $(input).remove();// Remove hidden input
                }
            });

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

});

Демо здесь: http://jsfiddle.net/Madmartigan/ZGLNc/1/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...