Javascript 如何更新div元素中html元素的id和名称？

我有以下html代码。它是由剃须刀引擎产生的。这是动态的。我的意思是下拉列表中的元素数量可能因用户而异。我需要用新id和新名称在同一下拉列表的正下方复制此下拉列表。我看过了，也看过了。下面是我的html。我在代码中添加了注释，以便进一步澄清

课程
统计
三角学
生物
神经学
应用
理论的

这就是你想要的吗？设置

attr（“name”）

和

attr（“id”）

此外，以下是我的代码，可以让插入按您的需要工作：

我在

click（）

事件中克隆元素以使其工作

$(document).ready(function () {
//initialize the index with 1, the item with 0 index is already in webpage.
    var i = 1;
    $("#plus").on('click', function () {
//Add after the element which has class unique
        var clone2 = $('#template').clone();  
        $("#template").after(clone2);
        $(clone2).attr('id',"template"+i);
        $(clone2).attr('name',"template"+i);
//Find name inside unique and update
        $(clone2).find(".drop ").attr("name", "Course[" + i + "].Title ");
//Find id inside unique and update
        $(clone2).find(".drop ").attr("id", "Course[" + i + "].Title ");
//Increment the index

        i++;
    });
});

---

尝试使用

for loop

sir

首先，在div中设置select，例如：

<div class="select-inside">
   <select>
     <option value="1">Statistics</option>
     <option value="2">Trigonometry</option>
     <option value="3">Biology</option>
    <option value="4">Neurology</option>
    <option value="5">Applied</option>
    <option value="6">Theoretical</option>
   </select>
</div>

统计
三角学
生物
神经学
应用
理论的

在脚本中，使用jquery选择器将select元素存储到var。然后，使用for循环克隆select元素并附加到文档中

var select = $(".select-inside select");

for(var i = 0; i < numberOfYourChoice; i++) {
     var clone = select;
     clone.attr("id", "id[" + i + "]");
     clone.attr("name", "name[" + i + "]");
    document.append(clone);
}

var-select=$（“.select-inside-select”）；
对于（var i=0；i