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);