我已经写了一些代码来为我的应用程序创建一个动态HTML表单元素，我希望在提交时表单将发布数据，php将写入数据库。
这是代码
$("#add_id").click(function(name){
name=prompt("Task name");
if (name) {
$('.dashboard').append('<div class="each_task" id="task'+ count+'"><label>'+name+
'</label><form class="task_form" action="process_task.php" method="post"><div class="ctrl_btn" id="start'+
count+'"><input type="hidden" name="task_name" value="'+name+'" /><input name="task_start" type="hidden" id="start_time'+
count+'" value="" /><input class="task_start" type="submit" id="'+count+'" value="Start" /></form></div><form class="task_form" action="process_task.php" method="post"><div class="ctrl_btn" id="end'+count
+'"><input type="hidden" name="task_name" value="'+name+'" /><input name="task_end" type="hidden" id="end_time'+count+'" value="" /><input class="task_end" type="submit" id="'+count+'" value="End" /></form></div></div>').css('color', 'red');
现在，当我提交表单时，它会向php脚本发送名称和start_time或end_time值，php脚本会将数据插入数据库。问题是动态创建的HTML元素不会一直存在。
有人能建议我如何解决这个问题吗？可以让我动态创建的html粘贴到页面上，也可以向数据库提交帖子数据。
感谢
如果我没有准确回答你的问题，我很乐意改进我的答案，但我假设你想在按下表单提交按钮时阻止页面刷新。
这里有一个防止使用Javascript刷新页面的解决方案。
需要注意的是，如果使用此解决方案，则必须使用Javascript和AJAX处理表单提交。如何做到这一点的示例。