如何解决Krajee Bootstrap 文件输入+克隆问题
我需要将下拉菜单和文件上传输入字段克隆在一起。我正确克隆了下拉菜单,但是文件上传不起作用。 插件页面是: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();
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。