Как клонировать без включения входных значений (используя

Question

Я пытаюсь клонировать часть формы, не включая информацию, которую пользователь вводит в первую форму. Я использую jQuery плагин In-Field Labels.

Когда я использую val ('') для решения этой проблемы, значение ввода не дублируется, но водяной знак для плагина In-Field Labels не отображается должным образом - он просто пустой.

Есть ли у кого-нибудь предложения о том, как решить эту проблему или даже как сделать мой код более эффективным / правильным? Спасибо.

(function() {
var count = 0;

  $('#add-standard-button').live('click',function () {

    var source = $('.details'),
        clone = source.clone();

    clone.find('.copyme').val('').attr('id', function(i, val) {
        return val + count;
    });
    clone.find('.copyme').val('').attr('name', function(i, val) {
        return val + count;
    });
    clone.find('.placeholder').val('').attr('for', function(i, val) {
        return val + count;
    });

    clone.insertAfter('.details:last');

    count++;

});

HTML:

<div class="details" id="standard-details">
  <div class="markName">
    <p>
     <span class="markName-field">
      <label for="markName" class="placeholder">
       <span>Watermark Text Goes Here</span>
      </label>
      <input type="text" name="markName" id="markName" class="copyme">
     </span>
   </p> 
 </div>
</div>

Answer 1

Установите тег заголовка на ваших входах, а затем извлеките из него значение по умолчанию.

clone.find('.copyme').val( $(this).attr('title').attr('name', function(i, val) {
        return val + count;

См. Пример: http://jsfiddle.net/4KLU5/

Или вы можете использовать теги данных HTML5

      <input type="text" data-default="default text" name="markName" id="markName" class="copyme">

и

  clone.find('.copyme').val( $(this).data('default') ).attr('name', function(i, val) {
        return val + count;