Anzeigen der übermittelten Werte

Question

Ich versuche, die Formularwerte zu aktualisieren, die ich in das Formular einfüge, um sie als Liste anzuzeigen. Ich versuche, die Formularwerte zu erhalten und die Werte mit lokalem Speicher anzuzeigen, aber ich bin nicht sicher, wie die eingegebenen Werte innerhalb eines div-Tags mit einer Klasse von gettingValues angezeigt werden.

Können Sie mir sagen, wie es geht? Ich stelle meinen Code unten zur Verfügung. http://codepen.io/anon/pen/PNjQRQ?editors=1010

<div class="gettingValues"> getting form values 
    <input data-name="edit" type="button" value="Edit" name="editHistory"> 
    <input data-name="delete" type="button" name="deleteHistory" value="Delete"> 
</div> 

Answer 1

Sie sollten die Werte in der Form, in vorgelegt bekommen:

$('#localStorageTest').submit(function() { 
    localStorage.clear(); 
    }); 

zu ändern: Ich habe es in einem Codepen zu setzen

$('#localStorageTest').submit(function(e) { 
    e.preventDefault(); 
    var div = "<div><span>"+$('#name').val()+"</span><span>"+$('#email').val()+"</span></div>"; //add your data in span, p, input.. 
    $('.gettingValues').append(div); //apendd the div 
    $('#localStorageTest')[0].reset(); //clear the form 
    localStorage.clear(); 
}); 

Aber wenn man dann wollen Um auf die Schaltfläche "Bearbeiten" oder "Löschen" zu klicken und eine Funktion auszulösen, müssen Sie eine Bindungsfunktion anhängen und eine "ID" oder eine eindeutige ID festlegen, um zu erfahren, welche Benutzer bearbeiten/löschen.

Wenn Sie auch den übergebenen Benutzer speichern möchten, können Sie eine $.get/$.post Funktion hinzufügen.

Hoffe es hilft!