javascript - 克隆元素的增量名称标签

我有一个带有克隆元素的表单。形式的方法是POST。当我转储POST的结果时，仅显示最终的“选择”框值，因为它们都相同。如何将name标记更改为克隆的元素？

JSFiddle：https://jsfiddle.net/hLefegxz/

的HTML

<div id="employees-div">
<label for="employees">Employee(s)</label>
<div class="select-wrapper" id="select-employees">

    <select id="employees" name="employees" >
        <option value="" selected disabled>- Select Employee -</option>
        <option value="1"> Jason Bourne </option>
        <option value="2"> James Bond </option>
        <option value="3"> Ethan Hunt </option>
    </select>

</div>

克隆的JS

$(function() {
    $("#addMore").click(function(e) {
        var newSelect = $("#select-employees").clone();
        newSelect.val("123");
        $("#employees-div").append(newSelect);
     });
});

目前，所有元素都具有相同的雇员姓名标签。显然，进入$ _POST array需要有所不同。我该如何使它们与众不同？我在想增加计数并保持计数吗？当前是这样的：

最佳答案

不必使用名称并在每个“新雇员”上增加整数，您只需将选择内容命名为employees[]。这样会将每个员工以阵列格式发送到您的服务器，从而使您可以使用简单的循环。

您的代码是另一个问题。 ID应该是唯一的，因此每次克隆select时，都应该更改ID。