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/

将输入[file]和选定值的div移动到另一个div

1 个答案: