Javascript表单显示和编辑

时间:2013-08-29 10:40:46

标签: javascript html oop

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

2 个答案:

答案 0 :(得分:0)

在你的javascript中你想要做的事情(这只有在你使用jQuery时才有效)。

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

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

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

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

此方法假定您要为要保存的字段分配ID。如果你不是那么你需要使用javascript来研究表格中的节点并提取数据。

答案 1 :(得分:0)

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

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

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