jQuery UI Dialog, Как изменить текст после открытия диалога

Question

Я бы хотел нажать кнопку в диалоговом окне и изменить текст в области сообщений перед запуском функции, связанной с кнопкой, или просто изменить текст как часть функции.

Answer 1

Просто поместите текстовую область в диалог, она будет редактируемой.Если вы хотите изменить, можете ли вы редактировать его, просто добавьте кнопку.

(function ($) {
    var $dialog = $('<div></div>')
                    .html('<textarea id="myContent" rows=7 cols=25>Edit me</textarea>')
                    .dialog({
                        autoOpen: false,
                        title: 'editable dialog',
                        buttons: {
                            "Edit": function () { $("#myContent").attr("disabled", !$("#myContent").attr("disabled")); }
                        },
                        height: "auto",
                        width: "auto"
                    });

    $('.dlog').click(function () {
        $dialog.dialog('open');
        return false;
    });
})(jQuery);

Answer 2

Вы можете использовать событие .onclick как таковое ...

<div id="targetSelector">Click Me</div>
<div id="messageAreaSelector"></div>

//jquery code to attach click to targetSelector
$('#targetSelector').click(function() {
  //code to update message area 
  $('#messageAreaSlector').html("Text to tell user"); 
  //call to function you want to perform 
  CallSelfDefinedFunction(arguments); 
});

Answer 3

Вы можете привязать функцию к событию закрытия - http://jqueryui.com/demos/dialog/#event-close. Держу пари, вы можете изменить свой текст там.