编辑我在表单字段中提交的项目

to edit the item which i submit in form fields

本文关键字：提交 项目 字段 表单 编辑      更新时间：2023-09-26
  • 我正在尝试编辑我在表单字段中提交的项目
  • 在我编辑它之后，当我提交它时，它不会更新特定的项目
  • 你知道怎么修吗
  • 提供以下代码

http://codepen.io/gborbonus/pen/grRjjy?editors=1011

$('#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').append(div); //apendd the div
    $('#localStorageTest')[0].reset(); //clear the form 
    localStorage.clear();
 });

你可以试试这个。。在将内容附加到div之前，您应该清空div。

$(document).ready(function() {
  $('#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').empty();//clear all the content.
    $('.gettingValues').append(div); //apendd the div
    $('#localStorageTest')[0].reset(); //clear the form 
    localStorage.clear();
 });
相关文章：