🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

This is a dead simple jQuery based form repeater plugin which enables the user to add and remove any number of groups of form controls in an HTML form.

dynamic-form

Documentation

jquery-repeater

Basic jQuery Repeater

jQuery Repeater is a basic repeater depends on jquery 2.* or above.

Usage

Html

<!-- Repeater Html Start --> <div id="repeater">     <!-- Repeater Heading -->     <div class="repeater-heading">         <h5 class="pull-left">Repeater</h5>         <button class="btn btn-primary pt-5 pull-right repeater-add-btn">             Add         </button>     </div>     <div class="clearfix"></div>     <!-- Repeater Items -->     <div class="items" data-group="test">         <!-- Repeater Item Content -->         <div class="item-content">             <div class="form-group">                 <label for="inputEmail" class="col-lg-2 control-label">Name</label>                 <div class="col-lg-10">                     <input type="text" class="form-control" id="inputName" placeholder="Name" data-name="name">                 </div>             </div>             <div class="form-group">                 <label for="inputEmail" class="col-lg-2 control-label">Email</label>                 <div class="col-lg-10">                     <input type="text" class="form-control" id="inputEmail" placeholder="Email" data-skip-name="true" data-name="email">                 </div>             </div>         </div>         <!-- Repeater Remove Btn -->         <div class="pull-right repeater-remove-btn">             <button class="btn btn-danger remove-btn">                 Remove             </button>         </div>         <div class="clearfix"></div>     </div> </div> <!-- Repeater End -->

Javascript

$("#repeater").createRepeater({     showFirstItemToDefault: true, });

You May Also Like