我在这个网站上看到的大部分内容都是指从 php 向 div 添加信息。我只想获取用户的输入,将其动态添加到表格中,并在单击提交按钮时将其显示在 div 中。
在这一点上,我没有做任何将数据发布到数据库、没有 php 等的事情。
我也有 JQuery 来运行动态添加到数据库。它可以工作,但我必须在 javascript 中使用断点来单步执行并查看添加到行中的输入数据....问题是当该功能完成时,页面刷新,所有数据都消失了。
我需要一种方法将数据添加到 div 中的表中,而无需每次刷新页面并清除所有其他数据。
想象一个 div 中的父信息,而另一个 div 中添加子信息。当我添加每个子片段时,我不希望删除父信息,实际上希望它保留为“可编辑”信息。
- - - - - - - - - - - - - - - - - - - - - 编辑 - - - - ---------------------------------------
下面是我现在使用的代码建议,但我显然不完全理解,因为它会点击点击的事件处理程序,但不会进入函数内部,只是跳回,并且永远不会在那里遇到我的其他断点。
---------------------------------------最终编辑 --------- -------------------------------------
我终于把头从背后拉出来注意了查理告诉我的,得到了这个……当我从 onClick 事件调用函数时,它就起作用了。我无法将事件绑定到按钮单击,但这可能是因为我使用的是标签而不是设置。
function(addNoteRow){
event.prevent.Default();
var noteTxt = $('#noteEntry').val();
var noteEntBy = 'BGM'
noteEntDate = (Date());
if (!document.getElementsByTagName) return;
tabBody=document.getElementsByTagName("TBODY").item(0);
row=document.createElement("TR");
cell1=document.createElement("TD");
cell2=document.createElement("TD");
cell3=document.createElement("TD");
textnode1=document.createTextNode(noteEntDate);
textnode2=document.createTextNode(noteEntBy);
textnode3=document.createTextNode(noteTxt);
cell1.appendChild(textnode1);
cell2.appendChild(textnode2);
cell3.appendChild(textnode3);
row.appendChild(cell1);
row.appendChild(cell2);
row.appendChild(cell3);
tabBody.appendChild(row);
}