Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用编辑和删除按钮在表单中提交时显示所有值 当我用编辑和删除按钮提交表单时,我试图显示所有值 但现在它们只显示一个值 当我显示新值时,旧值将替换为新值 你能告诉我怎么修吗 在下面的codpen中提供我的代码_Javascript_Jquery_Css_Html - Fatal编程技术网

Javascript 使用编辑和删除按钮在表单中提交时显示所有值 当我用编辑和删除按钮提交表单时,我试图显示所有值 但现在它们只显示一个值 当我显示新值时,旧值将替换为新值 你能告诉我怎么修吗 在下面的codpen中提供我的代码

Javascript 使用编辑和删除按钮在表单中提交时显示所有值 当我用编辑和删除按钮提交表单时,我试图显示所有值 但现在它们只显示一个值 当我显示新值时,旧值将替换为新值 你能告诉我怎么修吗 在下面的codpen中提供我的代码,javascript,jquery,css,html,Javascript,Jquery,Css,Html,$('localStorageTest')。提交(函数(e){ e、 预防默认值(); var email=$('#email').val(); var name=$('#name').val(); var message=$('#message').val(); var div=”“+name+“”+email+“”+message+“”;//在span,p,input中添加数据。。 //警觉组(分区);; $('.gettingValues').html(div);//对div进行apend

$('localStorageTest')。提交(函数(e){
e、 预防默认值();
var email=$('#email').val();
var name=$('#name').val();
var message=$('#message').val();
var div=”“+name+“”+email+“”+message+“”;//在span,p,input中添加数据。。
//警觉组(分区);;
$('.gettingValues').html(div);//对div进行apendd
$('#localStorageTest')[0].reset();//清除表单
localStorage.clear();
});
更改

$('.gettingValues').html(div);


html方法设置元素的内部html,覆盖可能已经存在的任何html。Append将只添加新的div而不覆盖以前的div。

它工作正常,但当我单击delete(删除)按钮时,它将删除所有的值……是否可以只删除特定的值?很高兴再次见到您。我建议你(再次)阅读一篇关于这方面的教程:或者抓取一个插件,比如:。有了它,您将拥有一个功能性的(和可维护的)代码
$('.gettingValues').html(div);
$('.gettingValues').append(div);