отображение представленных значений

Question

Я пытаюсь обновить значения формы, которые я вводил в форму для отображения в виде списка. Я пытаюсь получить значения формы и отображать значения с использованием локального хранилища, но я не уверен, как отображать введенные значения внутри тега div с классом gettingValues.

Можете ли вы рассказать мне, как это сделать? Я предоставляю свой код ниже. Я положил его в Codepen тоже: 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

Вы должны получить значения представлены в том виде, в:

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

Переход к:

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

Но если вы хотите, то щелкнуть по кнопке «edit» или «delete» и вызвать некоторую функцию, вы должны прикрепить функцию привязки и установить «id» или уникальный идентификатор, чтобы узнать, какой пользователь редактирует/удаляет.

Если вы хотите также сохранить отправленный пользователь, вы можете добавить функцию $.get/$.post.

Надеюсь, это поможет!