当我以带有编辑和删除按钮的表单提交时，显示所有值

display all the values when i submit in form with edit and delete buttons

本文关键字：表单提交 显示 删除 编辑 按钮      更新时间：2023-09-26
  • 当我以带有编辑和删除按钮的表单提交时，我正在尝试显示所有值
  • 但现在他们只显示一个值
  • 当我显示新值时，旧值将被新值替换
  • 你能告诉我怎么修吗
  • 在下面的代码笔中提供我的代码

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。

相关文章：