jQuery克隆Div与表单字段没有响应

Question

我正在克隆包含多个表单字段的div。我这样做是为了允许用户上传多个文件并定义它们是什么类的文件。表单字段如下：

 <div class="form-inline archivos">
             <div class="form-group">
             <input type="file" name="poder">
             </div>
             <div class="form-group">
             <select id="clase" name="clase" class="js-example-basic-single js-states form-control" tabindex="-1">

                  <option disabled selected> -- Clase -- </option>
                  <option value="Civil">Civil</option>
                  <option value="Penal">Penal</option>
                  <option value="Contencioso-Administrativo">Contencioso Administrativo</option>


              </select>
             </div>
             <div class="form-group">
             <input type="text" class="form-control" placeholder="Renombrar"/>
             </div>
             </div>

问题是，当我有几个克隆的div时，只有第一个选择输入有效，但没有一个克隆的那个...

我使用以下jQuery代码进行克隆：

    $('#anadir').click(function(){
  $(".archivos:last").clone().insertAfter("div.archivos:last");
});

我尝试过使用name =“clase []”，但它也无法正常工作......我需要注意什么才能使其正常工作？

感谢您的时间和帮助！

南