duplicateField.js дублирование элементов формы

[ruslan.savenok]

Этот небольшой плагин поможет вам быстро продублировать элемент вашей формы.

Основная фишка плагина в том, что он может дублировать элемент формы увеличивая индексы его name и id, а так же дублировать несколько полей сразу, а его callback позволяет расширить плагин до таких задач, как: добавить кнопку "удалить" для каждого поля, запрещать создавать больше n эллементов.

Плагин находится в тесте, если вы найдете баги или не сможете реализовать вашу задачу с помощью него, прошу отписать здесь.

Требуемая HTML структура

<div class="diplicate">
 <a href="#">Add</a>
 <div class="items">
  <input type="text" class="item" />
 </div>
</div>

Опции плагина

    increment: true,      // true — если вы хотите увеличивать все числа в атрибуте nam & id, false — если вы хотите просто клонировать элемент, например field[] 
    incIndex: null,       // если increment == true, вы можете задать массив индексов чисел которые надо увеличивать, по дефолту увеличивает все
    onDuplicate: false    // CallBack плагина, в качестве параметра принимает новый эллемент

Плагин

/*
 *  duplicateField jQuery plugin v0.1 beta
 *
 *
 *  Copyright 2011, Ruslan Savenok
 */


(function ($) {

  $.fn.duplicateField = function (options) {

    options = $.extend($.fn.duplicateField.config, options);

    return this.each(function () {
      var $this = $(this);

      $this.find(CLASSES.add).click(function () {
        var $last = $this.find(CLASSES.item + ':last'),
            $clone = $last.clone(),
            $fields = $clone.find(':input').andSelf().filter(':input');

        if (options.type == 'increment') {
          var numReg = /\d+/g;

          for (var i = 0; i < $fields.length; i++) {
            var mCount = -1;

            $fields[i].id = $fields[i].name = $fields[i].name.replace(numReg, function (match) {
              if (options.incIndex) {
                mCount++;

                if (mCount != options.incIndex[mCount])
                  return match;
              }

              return parseInt(match) + 1;
            });
          }
        }

        $this.find(CLASSES.itemsContainer).append($clone);

        if (options.onDuplicate) {
          options.onDuplicate($clone);
        }

        return false;
      });
    });
  }

  $.fn.duplicateField.config = {
    increment: true,      
    incIndex: null,       
    onDuplicate: false    
  }

  var CLASSES = $.fn.duplicateField.classes = {
    container: '.duplicate',
    add: '.add',
    itemsContainer: '.items',
    item: '.item'
  }
})(jQuery);

Edited August 3, 2011 by ruslan.savenok

[Waphallefly]

Поздравляю, отличное сообщение