I would like to ask that I am having array from the form. but I need to manage the array.
<div class="item form-group">
<h4>Program List</h4>
</div>
<div class="new_program">
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12"></label>
<div class="col-md-6 col-sm-4 col-xs-8">
<input type="text" name="desciplines[0]['name']" placeholder="Program Name" class="form-control col-md-7 col-xs-12">
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12"></label>
<div class="col-md-6 col-sm-6 col-xs-12">
<textarea name="desciplines[0]['program_desc']" class="form-control col-md-7 col-xs-12"></textarea>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12"></label>
<div class="col-md-2 col-sm-2 col-xs-12">
<input type="text" name="desciplines[0]['fees']" placeholder="fees" class="form-control col-md-7 col-xs-12">
</div>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12"></label>
<div class="col-md-6 col-sm-6 col-xs-12">
<i class="fa fa-plus add_descipline"></i>
</div>
</div>
jQuery is
$(document).on('click','.add_descipline',function(e){
var html = $('.new_program').wrap('<p/>').parent().html();
$( html ).insertAfter( ".new_program" );
});
Even though right now, I have changed the increment index with inspect element for the temporary output for now, then I will change the jQuery.
Sorry, if you not understand. Just let me know. I will explain more sincerely.
Regards