Jquery 克隆后无法增加id选择框（codeigniter）

我想使id=“campaign”像campaign1、campaign2、campaign3等一样递增。但不幸的是，我总是在多次单击“克隆”按钮后得到campaign1。有人知道如何使id完全递增吗？我知道我还是个初学者

任何帮助都会很感激，谢谢

查看html

<select id="campaign" class="form-control" >
   <option value="">- Choose Campaign -</option>
   <option values="1">1</option>
   <option values="2">2</option>
</select>
 <img src="<?php echo base_url();?>assets/add_icon.png" alt="add_icon" id="addCampaign"   class="add-icon"> 

检查下面的代码片段 多次使用同一id不是一个好方法。您可以为所有select指定相同的类，以便在select中添加“活动”类

然后，使用将最后一个选择框和计数的选择框数量克隆到选择框的主id

var count = $(".campaign").length;

然后使用：last selector在最后一个选择框之后附加新的选择框

$（函数（）{
$（“#添加活动”）。单击（函数（）
{
变量计数=$（“.campaign”）.length；
$（“.campaign:last”）.clone（）.attr（`id`，`campaign`+count）.insertAfter（'.campaign:last'）；
})
});

-选择活动-
1.
2.
资产/add_icon.png“alt=“add_icon”id=“addCampaign”class=“add icon”>
var count = $(".campaign").length;