javascript - 提交编辑时，对话框中的值变为空

Question

这是我尝试提交时的代码编辑功能，值变为空且无法编辑。

$("#opendialog").click(function () {
    var clonetext = $('#infor').clone(true);
    $('#previewDiv').html(clonetext);
    $("#previewDiv").dialog("open");
    return false;
});

$(function () {
    $("#previewDiv").dialog({
        autoOpen: false,
        resizable: false,
        width: 'auto',
        modal: true,
        transition: "pop",
        buttons: {
            "Edit": function () {
                $("form").submit();
                $(this).dialog("close");
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        }
    });
});

Answer 1

我创建了一个基本表单，只有两个按钮和单击事件附加到它们。参考这个JSFIDDLE演示，可能对你有帮助！

JS：

$( "#dialog-form" ).dialog({
autoOpen: false,
height: 300,
width: 350,
modal: true,
buttons: {
    "Create an account": function() {
        alert('create');
    },
    Cancel: function() {
        alert('close dialog');
        $( this ).dialog( "close" );
    }
}
});


$( "#create-user" )
.button()
.click(function() {
$( "#dialog-form" ).dialog( "open" );
});