2013-12-17 18 views
0

我已经写了一些代码来为我的应用程序创建一个dymanic HTML表单元素,我想在提交该表格将公布的数据和PHP将写入数据库。动态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'); 

现在,当我提交表单发送姓名和START_TIME或END_TIME值的PHP脚本,将数据插入到数据库中。这个问题是动态创建的HTML元素不会停留在周围。

任何人都可以建议我怎么能解决这个问题,可以有我的动态创建HTML粘到页面中,还对后期数据提交到数据库。

感谢

+1

你是什么意思'不沾混乱around' –

+0

对不起,基本上当表单提交时,它进入操作URL和初始页追溯到静态html元素page.I以为可以得到一个提交方式从数据库信息和创建页面可能是一种方式来保持动态创建的HTML元素。当你提交的数据,你将它们保存在数据库和重建具有完整的所有元素的页 –

+0

一个解决方案可能是。 –

回答

1

我很高兴能改善我的答案,如果我没有准确地得到您的问题,但我假设你想,当你按下表单提交按钮,从得到停止刷新页面。

这里有一个solution以防止使用Javascript的网页刷新。

重要的是要注意,如果您使用此解决方案,你必须处理使用JavaScript和AJAX表单提交。如何做到这一点的example

+0

谢谢你。我想我可以将它用于我的应用程序。再次感谢。 –