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.
-
Include jQuery
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
Requires jQuery 1.7+
-
Include plugin's code
<script src="/path/to/plus.repeater.js"></script>
-
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>
-
Call the plugin
$(function(){ $.repeater({ selecter:'repeaterA' }); });
| Name | Default | Description |
|---|---|---|
| callback | Callback function. | |
| 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. |
| selecter | repeater | ID of parent node. |
| 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. |
| Code | Description |
|---|---|
| #id# | ID of each copy. |
| #no# | Copy No. |
Here is the link to the [demo][demo] [demo]: http://plusmagi.com/plus-repeater
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
| Pitt Phunsanit |
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.
