如何在不包含输入值的情况下进行克隆（使用

Question

我试图克隆表单的一部分，而不包含用户输入到第一个表单中的信息。我正在使用字段内标签 jQuery 插件。

当我使用 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;