javascript - Javascript表单显示和编辑

Question

我想将表单数据作为javascript变量并将其存储在一个对象中，然后在表单提交时将数据显示到表单下方的表格中，旁边有编辑和删除按钮。所以我想在javascript中使用OOPS概念和不应该有任何服务器端脚本。这是纯客户端脚本，只有 HTML 和 javascript 完成所有这些。请帮助我解决这个问题，表单中只有一个字段，如名称...当 onclick 将名称存储到某些像人一样可以编辑和删除的对象..

Answer 1

使用下面给出的 jquery 代码提交表单时，获取所有表单数据并将其存储到变量中

$("button").click(function(){
$("#name").val($("#name").val());
$("#email").val($("#email").val());
});

并使用此链接动态创建表行。

Answer 2

在您的 javascript 中，您想做一些类似的事情（这仅在您使用 jQuery 时才有效）。

$("button").click(function(){
    $("#placeToStoreName").val($("#name").val());
});

我不会为您编写 HTML，但这应该为您提供客户端代码的起点。

请注意，这不会将其存储为自己的变量。如果你想这样做，那么你可以使用

var name = $("#name").val();

这种方法假定您正在为要保存的字段分配一个 id。如果不是，那么您需要研究使用 javascript 来访问表单中的节点并提取该数据。