Question

我克隆源之后如何清除或清空输入类型文件，因为它之前已经选择了一个文件。我已经应用了这种方法Clearing <input type='file' /> using jQuery似乎无法解决我的设置问题。

顺便说一下，代码是用form元素包装的。

== source ==

var source = $( '#table-wrapper' ),
        clone = source.clone( true ),
        count = clone.length;

<div id="table-wrapper">
   <table>
     <tr>
       <td></td>
     </tr>
   </table>
   <p class="pdf-add-row"><input id="pdf" type="file"/></p>
</div>

== clone ==

<div id="table-wrapper-1">
   <table>
     <tr>
       <td></td>
     </tr>
   </table>
   <p class="pdf-add-row"><input id="pdf-1" type="file"/></p>
</div>

Answer 1

试试这段代码：

$('button').click(function () {
    var source = $( '#table-wrapper' ),
        clone = source.clone( true ),
        count = clone.length;

    clone.find('input').val('');

    clone.appendTo('#result')
})

Answer 2

这样做..

clone = source.clone( true ).find('input').val('')

Answer 3

您可以尝试类似

的内容

＆＃13;

$('button').click(function() {
  var source = $('#table-wrapper'),
    clone = source.clone(true),
    count = clone.length;

  //append the clone to a temp form so that it can be restted
  $('<form />').append(clone)[0].reset();

  clone.appendTo('#result')
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="table-wrapper">
  <table>
    <tr>
      <td></td>
    </tr>
  </table>
  <p class="pdf-add-row">
    <input id="pdf-1" type="file" />
  </p>
</div>
<button>Clone</button>
<div id="result"></div>

＆＃13;

演示：Fiddle

如何清除或清空输入：克隆时的文件？

3 个答案: