我需要将下拉菜单和文件上传输入字段克隆在一起。我正确克隆了下拉菜单,但是文件上传不起作用。 插件页面是: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();
}