jquery - 将带有 input[file] 和选定值的 div 移动到另一个 div

Question

我有以下html

<div class="item">
    <input id="Document_0_UpFile" name="Documents[0].UpFile" type="file" value="">
</div>

在同一页面上，我有以下 div

<div id="allItems"></div>

我希望能够使用 jquery 将输入文件从 item 移动到具有所选值的 div #allItems。

我尝试了以下方法，但它们似乎没有保留所选文件的值

 $('#addItem').on('click', function (e) {
   var inputs = $("div.item").clone();
   $("#docList").append(inputs);
}


 $('#addItem').on('click', function (e) {
   $("#docList").append($("div.item").html());
}

如果有人可以帮助指导我，那就太棒了。

Answer 1

您需要移动当前项目，然后在移动当前项目的位置创建一个新项目：

HTML

<div class="item">
    <input id="Document_0_UpFile" name="Documents[0].UpFile" type="file" value="" />
</div>
<input type="button" id="addItem" value="move">
<div id="allItems"></div>

脚本

$('#addItem').on('click', function (e) {
    var inputs = $("div.item input");
    $("#allItems").append(inputs);
    $("div.item").append(" <input type=\"file\"  />");
});

看看这个小提琴：http: //jsfiddle.net/Kennethtruyers/5ecPw/1/