如何通过jQuery加载PHP并将其附加到现有的div容器

我试图创建一个“点击添加”链接，用户可以根据需要多次点击。每次点击它时，都会弹出3个额外的输入框。为了做到这一点，我有jQuery加载了一个PHP文件，它创建了3个额外的输入，然后将它们加载到现有的div容器中。如何通过jQuery加载PHP并将其附加到现有的div容器

我的问题是，用户点击“点击添加”链接一次，看到3个新的输入字段，如果他们第二次点击“点击添加”，最初的3个字段被新的3个字段被添加。我该如何解决这个问题，以便每次用户单击时添加3个字段并保留之前的字段。（注意：我已经研究过将append（）与下面的jQuery结合使用，但是如果这确实是最好的解决方案，我必须得到不正确的语法）。

我的jQuery的是在这里：

var loadPHP = "create_new_bucket.php"; 
    $(".add_bucket").click(function(){ 
     $("#tree_container2").load(loadPHP); 
     return false; 
    });

来源

2011-05-11 john k

jQuery.load()总是会替换在容器中的内容。解决此问题的一种方法是将新元素附加到对象，并用新的HTML填充该元素。

例子：

$('#tree_container2').append($('<div />').load(loadPHP));

来源

2011-05-11 02:45:20

感谢吉姆！这正是我正在寻找的。感谢所有快速回复的帮助。 – 2011-05-11 03:20:49

试试这个在您的单击处理

$.get(loadPHP, function(data){ 
    $('#tree_container2').append(data); 
}, 'html');

来源

2011-05-11 02:46:32 Phil

如何通过jQuery加载PHP并将其附加到现有的div容器

回答

相关问题