嗨,我正在嘗試使用型別檔案的輸入標簽克隆一個 div,即-
div被克隆但我在原始輸入標簽中上傳的影像或檔案沒有被復制到克隆的輸入標簽...克隆的輸入標簽顯示檔案的名稱但是當我保存表單時它沒有通過并且不是已保存
$(".imageblockbtn").click(function () {
var langid = jQuery(this).attr("id");
$(
`#dynamic${langid}`
).append(`<div id="imageblock">
<label for="imageblock">Image Block</label>
<input type="file" accept="image/*" name="data[${langid}][imageblock${k}]"><span ></span><span
></span>
<button type="button" ><i style="font-size:18px;color:red">remove_circle</i></button>
<div >
<a >Duplicate</a>
<div >
<li id="1"><a href="javascript:void(0)">English</a> </li>
<li id="3"><a href="javascript:void(0)">Chineese</a></li>
<li id="9"><a href="javascript:void(0)">German</a></li>
<li id="10"><a href="javascript:void(0)">Italian</a></li>
<li id="4"><a href="javascript:void(0)">Korean</a></li>
<li id="5"><a href="javascript:void(0)">Japanese</a></li>
<li id="6"><a href="javascript:void(0)">Spanish</a></li>
<li id="11"><a href="javascript:void(0)">Russian</a></li>
<li id="7"><a href="javascript:void(0)">Ukranian</a></li>
<li id="8"><a href="javascript:void(0)">French</a></li>
</div>
</div>
</div>`);
k;
$(".image_dd li").each(function (index, li) {
var lid = $(li).attr("id");
// console.log($(li).parents(".qwer"));
$(li).unbind("click");
$(li).on("click", function () {
var clone = $(li).parents(".qwer").clone(true);
clone
.children("h1")
.children("input")
.attr("name", `data[${lid}][imageblock${k}]`);
clone.insertAfter(`#dynamic${lid}`);
k;
alert("Duplicated");
});
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
uj5u.com熱心網友回復:
這是因為 jQuery 中的 clone 不會復制輸入的所有關聯關系,而只會復制結構和屬性。<Select>克隆標簽在某些情況下會失去價值時,也會發生同樣的情況。為了解決這個問題,請在克隆后設定值。這部分在另一個問題中回答。檢查這個:將檔案從檔案輸入復制/克隆到另一個輸入
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/489727.html
標籤:javascript php jQuery 拉拉维尔 克隆节点
上一篇:如何從jQuery中動態排序的類名的前幾個文本欄位中選擇值
下一篇:乘以66049如何重復位?
