jQuery Dialog dynamisch gestalten

[AzRaIL]

Moin,

Habe ein Input Textfeld dass bei Klick ein .dialog Event ausführen soll.

jQuery("#input1").click(function(){
        jQuery("#formular1").dialog("open");
});

Und dazu das Dialogfeld:

jQuery( "#formular1" ).dialog({
        autoOpen: false,
        height: 300,
        width: 500,
        modal: true,
        resizable: false,
        buttons: {
            Speichern: function() {
                jQuery('#input1').val("test");
                jQuery(this).dialog("close");
            }
        }
});

Das ganze nochmal in jsfiddle: http://jsfiddle.net/3W98Y/

Ist es möglich zu bestimmen, dass beim Klick auf den Button "Speichern", der Inhalt "test" nicht in #input1 sondern in dem Inputfeld, dass angeklickt wurde um das Dialogfenster zu öffnen, gespeichert wird?
Später möchte ich das Dialogfeld nämlich nicht nur durch einen Klick auf #Input1 sondern weitere Inputfelder aufrufen können

zb.

jQuery("#input1, #input2").click(function(){
        jQuery("#formular1").dialog("open");
});

 

[Tronjer]

Sicher ist das möglich. Du kannst statt IDs Klassen verwenden und/oder Elemente durch traversieren ansteuern.

Aber ich würde mir als Alternative zu jQuery UI auch mal die Bootstrap Modals anschauen.