Gönderilen değerleri görüntüleme

Question

Form olarak girdiğim form değerlerini liste olarak göstermeye çalışıyorum. Form değerlerini almaya çalışıyorum ve değerleri yerel depolamayı kullanarak gösteriyorum ancak girilen değerleri etiketi içinde gettingValues sınıfı ile nasıl görüntüleyeceğimi bilmiyorum.

Nasıl yapılacağını bana söyleyebilir misiniz? Kodumu aşağıda sağlıyorum. Ben de Codepen koymak adres: 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

Sen değerleri formda gönderilen almalısınız: o zaman isterseniz

$('#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(); 
}); 

Ama:

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

için değiştirme 'Düzenle' veya 'sil' düğmesine tıklayıp bazı işlevleri tetiklemek için, bir bağlama işlevi ekleyebilmeli ve hangi kullanıcının düzenleyeceğini/sileceğini bilmek için bir 'id' veya benzersiz bir tanımlayıcı belirlemelisiniz.

Ayrıca, kullanıcıya gönderilen içeriği de saklamak isterseniz, $.get/$.post işlevini ekleyebilirsiniz.

Umut eder!