- 我正在尝试编辑我在表单字段中提交的元素...
- 在我编辑它之后,当我提交它时,它没有更新特定的元素...
- 你知道怎么解决吗...
- 提供以下代码...
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();
});
关于javascript - 编辑我在表单字段中提交的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36255569/