處理服務器上的cloneNode

Question

我需要，當我點擊'添加'按鈕應克隆某個div。要做到這一點，我用下面的代碼： -

function addDetails() 
{ 
    var details=document.getElementById('education'); 
    var eachDetail=document.getElementById('fdetails_edu_div'); 
    var newEduDetail = eachDetail.cloneNode(true); 
    details.appendChild(newEduDetail); 
}//end of addDetails function 

因此而得名，「fdetails_edu_div」股利，不斷得到追加到一個名爲「教育」每次「添加」按鈕被點擊時的股利。

現在我想知道如何處理服務器上所有這些新的動態添加的div（包含文本框）（使用PHP）。

問題是，當我查看該頁面的源代碼，添加按鈕被點擊（因此，新的div已經附加）後，我沒有看到對應到新創建的div任何HTML。所以我不明白何時會發布表單（包含所有這些div），服務器上的PHP將如何訪問div中包含的這些新動態添加的文本框？

Answer 1

你無法看到新創建DIV小號beaceuse瀏覽器view-source功能呈現一個從服務器下載（任何JavaScript邁出了效果之前）的原始的HTML文件。如果您想在瀏覽器中看到真正的HTML，請使用DomElement innerHTML屬性或某個DOM檢查器（用於Firefox的Firebug，用於Opera的DragonFly，用於Internet Explorer的F12）。
您應該做的是發送一個AJAX請求到服務器，並提供一些新數據的創建信息並讓服務器生成新的HTML。這應該在客戶端addDetails函數上獨立發生。
在客戶端，如果AJAX調用失敗，您也應該刪除新的DIV。

因爲你沒有說明如何生成頁面，我可以不給你帶領PHP腳本如何處理AJAX請求。除非您向我們提供更多詳細信息，否則這取決於您。