xxxxxxxxxx
1
<div id="rowarea" style="padding: 20px;">
2
<div class="row itemrow"><div class="col-xs-12">
3
<select name="drop" id="drop">
4
<option value="">Select...</option>
5
<option value="1">1</option>
6
<option value="2">2</option>
7
<option value="3">3</option>
8
</select>
9
10
</div>
11
</div>
12
</div>
13
<input type="button" value="add row" name="adder" id="adder" class="btn triggerAddRow btn-orange">
14
xxxxxxxxxx
1
.itemrow { border: 1px solid #ddd; padding: 5px;}
xxxxxxxxxx
1
$(document).ready(function() {
2
3
//onload:
4
$('select[name=drop]').materialSelect();
5
6
$(".triggerAddRow").click(function(){
7
var copycontent = $(".itemrow:first").html();
8
9
$("#rowarea").append('<div class="row itemrow">' + copycontent+ '</div>');
10
11
$('.itemrow:last select[name=drop]').materialSelect({destroy: true});
12
$('.itemrow:last select[name=drop]').materialSelect();
13
14
$('.itemrow:last select[name=drop]').val('');
15
16
});
17
18
});
Console errors: 0