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

jQuery plugin for duplicating fields with buttons (create/remove).Very simple script to dublicate and remove your elements in HTML. Can be used in form fieldsets.

Forms Plugins

Documentation

Installation

Include script after the jQuery library:

<script src="/path/to/duplicateElement.min.js"></script> 

Usage

Basic: 	<script>         $(function () { 			// Dublicate target             $('#additional-field-model').duplicateElement({ 				// Create/Remove buutons in target                 "class_remove": ".remove-this-field",                 "class_create": ".create-new-field"             });         });     </script> 	 With callback: 	<script> 	$(function () { 	    $('#additional-field-model').duplicateElement({         class_remove: ".remove-this-field",         class_create: ".create-new-field",         onCreate: function (el) { 			// Reseting values              el.find("select").prop('defaultSelected'); 	    /*  	    for newer jquery use: 		el.find("select option").prop('selected', function () {              		return $(this).prop('defaultSelected');         		}); 	    */             el.find("input").val('');             el.find(".module-price").text('00');         } 	}); </script> 

Description

Very simple script to dublicate and remove your elements in HTML. Can be used in form fieldsets.

Demo


You May Also Like