2013-12-17 19 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

謝謝你。我想我可以將它用於我的應用程序。再次感謝。 –