JSFiddle - React, Tailwind, and code Playground
HTML
<div class="well">
<div class="row">
<div class="col-xs-3"><h4>Favourite web</h4></div>
<div class="col-xs-2"><h4>Date of visit</h4></div>
<div class="col-xs-3"><h4>Comments</h4></div>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<select class="form-control input-sm" name="website1" id="website1">
<option>google</option>
<option>msn</option>
<option>youtube</option>
<option>linkedin</option>
<option>facebook</option>
<option>skyscanners</option>
<option>stackoverflow</option>
</select>
</div>
<div class="col-xs-2">
<input class="form-control input-sm" type="date" name="Date" placeholder="dd/mm/yyyy">
</div>
<div class="col-xs-3">
<textarea class="form-control input-sm" rows="3" name="Comments"></textarea>
</div>
<br>
<div class="row">
<div class="col-xs-3">
<select class="form-control input-sm" name="website2" id="website2">
<option>google</option>
<option>msn</option>
<option>youtube</option>
<option>linkedin</option>
<option>facebook</option>
<option>skyscanners</option>
<option>stackoverflow</option>
</select>
</div>
<div class="col-xs-2">
<input class="form-control input-sm" type="date" name="Date2" placeholder="dd/mm/yyyy">
</div>
<div class="col-xs-3">
<textarea class="form-control input-sm" rows="3" name="Comments2"></textarea>
</div>
<br>
<div class="row">
<div class="col-xs-3">
<select class="form-control input-sm" name="website3" id="website3">
<option>google</option>
<option>msn</option>
<option>youtube</option>
<option>linkedin</option>
<option>facebook</option>
<option>skyscanners</option>
...
JavaScript
$(document).ready(function() {
var cloneIndex = $('#websites').length+4;
$('#add').on('click', function() {
var newElem = $('#websites').clone().appendTo('#addMoreWebsite').attr('id','website' + cloneIndex);
$(newElem).find('[id=website4]').attr('name','website' + (cloneIndex));
$(newElem).find('[id=website4]').attr('id','website' + (cloneIndex));
$(newElem).find('[id=Date4]').attr('name','Date' + (cloneIndex));
$(newElem).find('[id=Date4]').attr('id','Date' + (cloneIndex));
$(newElem).find('[id=Comments4]').attr('name','Comments' + (cloneIndex));
$(newElem).find('[id=Comments4]').attr('id','Comments' + (cloneIndex));
cloneIndex++;
});
});