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>

在它下面

所以我总是有一个空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("");
  }
});

填充输入后自动添加div

1 个答案: