Krajee Bootstrap 文件输入+克隆问题

Question

我需要将下拉菜单和文件上传输入字段克隆在一起。我正确克隆了下拉菜单，但是文件上传不起作用。 插件页面是：https://plugins.krajee.com/file-input

我不知道如何将新 ID 传递给 fileupload 字段。你能帮帮我吗。

小提琴链接是：http://jsfiddle.net/xhkgm1s6/1/

HTML 代码：

<div id="contSelect" class="container">
  <label for="clone" class="col-sm-3 control-label">MENU</label>
  <div class="col-sm-9">
    <div class="row no-pad">
      <div class='form-group col-sm-11'>
        <select name="menu_id[]" id="material_1" class="form-control">
          <option value="">-- Select --</option>
          <option>abc</option>
          <option>def</option>
          <option>ghi</option>
          <option>jkl </option>
        </select>
        <div>
          <label>Select File to upload</label><br>
          <input id="input_1" type="file" class="file" data-show-preview="false">
        </div>
      </div>
    </div>
  </div>
</div>
<div id="product_field"></div>
<button type="button" onclick="addformfield()">Add More </button>

JS 文件：

$('select').selectpicker();
        var counter = 1;
        function addformfield() {
            counter += 1;
            var contselect = $('#contSelect');
            var clone = contselect.clone();
            clone.appendTo('#product_field');
            clone.attr('id', 'contSelect_' + counter);
            clone.find('.bootstrap-select').replaceWith(function() { return $('select', this); });
            clone.find('select').selectpicker();
        }