javascript - 填充输入后自动添加一个div

Question

我有一个从数据库中获取数据的表单(循环)

<div class="row">
<div><input name="Url"></div>
<div><input name="Tekst"></div>
<div><input name="description"></div>
<div>
    <select name="Links" style='display:none;')>
        <option  value="buy+sell">buy+sell</option>
        <option  value="sell">sell</option>
        <option  value="buy">buy</option>
    </select>
</div>

数据填充在这个div中。

我想做的是

如果我在 div 中写入(带有类行)，它会自动创建相同的 div

所以如果我在输入中输入名称为 Url 的内容，我将得到整个

<div class="row">
<div><input name="Url"></div>
<div><input name="Tekst"></div>
<div><input name="description"></div>
<div>
    <select name="Links""style='display:none;'">
        <option  value="buy+sell">buy+sell</option>
        <option  value="sell">sell</option>
        <option  value="buy">buy</option>
    </select>
</div>

在它下面

所以我总是有 1 个空的 div

Answer 1

我希望我理解你的问题:

这是您要找的吗？ https://jsfiddle.net/cqenvvt9/1/

我使用了 jQuery 的 clone() 并检查是否已经有一个克隆的对象。

$(document).on("input", ".yourDiv", function(){
    if ($(this).next(".yourDiv").length > 0){
    console.log("There is already a Clone of this Div")
  } else {
        $(this).clone().insertAfter( this ).find("input:text").val("");
  }
});