我正在尝试更新我在表单中输入的表单值以显示为列表。我正在尝试获取表单值并使用本地存储显示值,但我不确定如何在具有 gettingValues
类的 div
标记内显示输入的值。
你能告诉我怎么做吗?我在下面提供我的代码。我也把它放在代码笔里了: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>
最佳答案
您应该在以下位置获取表单中提交的值:
$('#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();
});
但是如果你想点击“编辑”或“删除”按钮并触发一些功能,你必须附加一个绑定(bind)功能并设置一个“id”或一个唯一标识符来知道哪个用户编辑/删除。
如果您还想存储提交的用户,您可以添加一个 $.get/$.post
函数。
希望对您有所帮助!
关于javascript - 显示提交的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36248151/