plusmagic/plus.repeater

plus.repeater is simple jQuery for make your form can copy itself to new input or other object include label, image and other object when user focus on last copied.

1.5.2 2025-03-01 08:53 UTC

Requires

• jquery/jquery: *

Requires (Dev)

• components/jquery: *

MIT

• pitt phunsanit

• jquery
• repeat
• clone
• copy
• growth

README

plus.repeater is simple jQuery for make your form can copy itself to new input or other object include label, image and other object when user focus on last copied.

Get Started

1. Include jQuery

   <script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
   or
   <script crossorigin="anonymous"
   integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
   referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

   Requires jQuery 1.7+

2. Include plugin's code

   <script src="/path/to/plus.repeater.js"></script>
   or
   composer require plusmagic/plus.repeater

3. Include id for parent node and class="clone" to yours code for use as template for example:

   <tbody id="repeaterA">
   	<tr id="#id#" class="clone">
   		<td>#no#</td>
   		<td>#id#</td>
   		<td><input type="text" name="links[#no#][href]" size="100"></td>
   		<td align="left"><a class="remove">remove</a></td>
   	</tr>
   </tbody>

4. Call the plugin

   $(function(){
   
   	$.repeater({
   		container:'repeaterA'
   	});
   
   });

Options

Name	Default	Description
callback		Callback function.
container	repeater	ID of parent node.
deepWithDataAndEvents	value of withDataAndEvents	A Boolean indicating whether event handlers and data for all children of the cloned element should be copied. By default its value matches the first argument's value (which defaults to false).
default	0	Default number of copy.
max	10	Maximum number of copy.
min	1	Minimum number of copy.
parent	1	Number of parent.
start	0	A number for add ID to each copy.
withDataAndEvents	false	A Boolean indicating whether event handlers should be copied along with the elements. As of jQuery 1.4, element data will be copied as well.

Tags

Code	Description
#id#	ID of each copy.
#no#	Copy No.

Demo

Here is the link to the [demo][demo] [demo]: http://plusmagi.com/plus-repeater

Bugs

For bug reports, questions, feature requests, or other suggestions please create an [issue][issue] on GitHub. [issue]: https://github.com/plusmagic/plus.repeater/issues/new

Author

| Pitt Phunsanit |

License

plus.repeater by pitt phunsanit is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Based on a work at https://github.com/plusmagic/plus.repeater.