如何创建一个弹出式表单，以允许用户输入要保存在表行的详细信息

Question

如何使用户可以单击添加按钮，然后显示一个弹出式表单，允许用户输入详细信息和评论。在输入这些详细信息之后，他们可以保存这些更改，这些更改将被添加到一个表格中，该表格在页面上的一行中可见，其列的标题与输入的详细信息相同。我是一个完全的业余开发人员，所以不知道从哪里开始。

Answer 1

我做了一个简单的示例供您查看。它应该足够简单，以便您可以按需要进行更改:

jsfield示例

// Make the form a modal dialog and create a button
$('#emailModal').dialog({
    modal: true,
    autoOpen: false,
    title: "Enter your information",
    buttons: {
        "Send": function() {
            if ($('#emailPost2').submit())
            {
                $(".appendEmail").append("<tr><td>" + $(".email").val() + "</td></tr>");
                $(this).dialog("close");
            }
        }
    }
});