0

我需要当我单击“添加”按钮时应该克隆某个 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 都会不断附加到名为“education”的 div。

现在我想知道如何在服务器（使用 PHP）上处理所有这些新的、动态添加的 div（包含文本框）。

问题是当我查看页面的源代码时，在单击添加按钮后（因此，新的 div 已被附加），我看不到任何与新创建的 div 对应的 HTML。所以我不明白何时发布表单（包含所有这些 div）服务器上的 PHP 将如何访问这些新的、动态添加的、包含在 div 中的文本框？

4

1 回答 1

1

您看不到新创建DIV的 s 因为浏览器view-source函数会渲染从服务器下载的原始 HTML 文件（在任何 JavaScript 生效之前）。如果您想在浏览器中看到真实的 HTML，请使用 DomElementinnerHTML属性或某些 DOM 检查器（Firefox 的Firebug、opera 中的DragonFly 、Internet Explorer 中的F12）。
您应该做的是向服务器发送一个AJAX请求，其中包含一些新数据已创建的信息，并让服务器生成新的 HTML。这应该在客户端addDetails功能上独立发生。
在客户端，DIV如果 AJAX 调用失败，您还应该删除新的。

因为您没有说明页面是如何生成的，所以我无法告诉您 PHP 脚本应该如何处理 AJAX 请求。除非您向我们提供更多详细信息，否则这取决于您。

于 2013-10-06T11:59:23.853 回答