Tengo una cuadrícula de los 'objetos' en la página. Por ejemplo

obj1, obj2, obj3, ...

Cada objeto tiene una opción 'Editar', que abre la ventana modal (ui.dialog) y carga (.load ()) la plantilla, donde hay algunas entradas, áreas de texto, etc. para editar la información sobre el objeto. Hay un botón 'Finalizar edición', que envía la solicitud POST al archivo PHP a través de AJAX .post (). Después de eso, se debe editar la información sobre el objeto.

No hay problemas con PHP o MySQL, el problema es solo en JS. Después de la primera actualización, todo parece estar bien, pero cuando hago clic en 'obj2' para editarlo y presiono 'Finalizar edición', las variables en las que escribí los valores de entrada son de la operación anterior.

obj1. var1 = 'texto1'; var2 = 'texto2';

obj2. var1 = 'texto3'; var2 = 'text4';

Por ejemplo, en 'obj1' he enviado los siguientes datos: 'v1': var1, 'v2': var2. Está bien. Pero en 'obj2' también envió 'text1' y 'text2', no 'text3' y 'text4'.

He hecho el var1.val (''), pero no ayudó, la segunda vez había enviado el valor vacío:)

El código

$(".edit").click(function(){
    var modal = $('<div class="dialog" id="dialog-new-message"><div></div></div>');
    modal.dialog({
        modal: true,
        width: 300,
        height: 300,
        autoOpen: true
    });

    modal.find(">div").load('someurl', function(){
        modal.dialog('open');
        modal.find("#finish-button").click(function() {
            var var1 = $('#someid1').val();
            var var2 = $('#someid2').val();
            $.ajax({
                url: 'someurl',
                type: 'post',
                data: {
                    'v1' : var1,
                    'v2' : var2
                },
                success: function(data) {
                    modal.dialog('close');
                    // here is some refresh code to refresh the edited info in the page ... nothing serious
                }
            });
        });
    });
});