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 type="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="inputName" 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 type="button" class="btn btn-danger remove-btn">
                Remove
            </button>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!-- Repeater End -->

Javascript

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