- 当我提交带有编辑和删除按钮的表单时,我试图显示所有值
- 但现在他们只显示一个值...
- 当我显示新值时,旧值被新值替换...
- 你能告诉我如何解决吗...
- 在下面的 codpen 中提供我的代码
http://codepen.io/schikara/pen/bpRMMq?editors=1010
$('#localStorageTest').submit(function(e) {
e.preventDefault();
var email = $('#email').val();
var name = $('#name').val();
var message = $('#message').val();
var div = "<div><span>"+name+"</span><span >"+email+"</span><span>"+message+"</span><input type='button' value='Edit' name='editHistory'><input type='button' value='Delete' name='deleteHistory'></div>"; //add your data in span, p, input..
//alert(div);
$('.gettingValues').html(div); //apendd the div
$('#localStorageTest')[0].reset(); //clear the form
localStorage.clear();
});
最佳答案
改变
$('.gettingValues').html(div);
到
$('.gettingValues').append(div);
html 方法设置元素的内部 HTML,覆盖可能已经存在的任何 html。 Append 只会添加新的 div 而不会覆盖之前的 div。
关于javascript - 当我提交带有编辑和删除按钮的表单时显示所有值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36253504/