1
- リスト項目
私はglyphiconユースケースがあります。そうすることが、一方で、ファイル・タイプ:「+」ボタンのクリックは、新しいHTML入力を追加しますが2つのエントリの後に、新しいfile_inputを1つ作成する代わりに、複数のファイルが作成されます。正しく
var firstFileInputClone;
$(document).ready(function() {
firstFileInputClone = $(".file-div").last().clone();
});
function addNewFileInput(){
var newFileElement = firstFileInputClone; \t
var index = $(".file-div").length; \t
$(newFileElement).find("input:first").attr("name","file_" + index);
$(newFileElement).insertAfter($(".file-div"));
return true;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="file-div row top10">
<label class="col-md-4 control-label">Upload Attachment</label>
<div class="col-md-6 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-home"></i></span> \t \t \t \t \t
<input type="file" name="file_0" class="form-control file-input" />
<span class="input-group-addon"><i class="glyphicon glyphicon-plus" onclick="addNewFileInput()"></i></span>
</div>
</div>
</div>
? jquery code too –
問題が発生したことを反映するようにコードを編集し、スニペットを実行して問題を確認してください – user3747396