克隆div并逐步重命名元素ID

好的，我可以说我的div里面有表单元素。 我希望能够使用jQuery单击按钮来克隆该div，并添加表单的第2版，因此所有元素ID的名称都将增加1。

  
Build your card options:
  <?php include('lib/class_dbcon.php'); $connect = new doConnect(); $q = mysql_query("SELECT * FROM country ORDER BY country_id ASC"); while($row = mysql_fetch_assoc($q)) { echo ''.$row['country_option'].''; } ?>   -- Select Filter --   -- Select Load_choice --   -- Select Plastic --   -- Select UG/Tipping --    
 
Customize the card:
    Show "Points"?  Co-branded?   
 
  
 ADD 

因此，如果您查看此代码并且您最后单击ADD链接，它将复制并将其转换为对div内的所有元素ID执行相同的操作。 在工作中的一个扳手是我想要最多5个克隆，所以脚本只能增加4次（或者5个并不重要，只要我能看到创建最大值的方法）。

我唯一的另一个问题是，当克隆div时，PHP注入是否仍然存在？ 提前谢谢，我整晚都在为这个问题感到震惊。

Answer 1

从您的代码中我认为您的主要问题是唯一地访问下拉组而不会发生冲突。 如果是这种情况，我认为可以在没有为每个创建的组增加每个元素的id的压力的情况下实现。 如果我这样做，我会按如下方式处理。

首先是DOM（一个例子）：

 
 
  select 1 2 3 4   select 1 2 3 4  
 
 More 

然后是jquery：

 $(function(){ var newgroup = $('
').addClass('group'); $('#more').click(function(e){ e.preventDefault(); $('.group').first().clone().appendTo(newgroup).appendTo('#card'); }); $('.group #country').live('change',function(){ $(this).parent().find('#filter').val(1); }); });