更改时的jQuery不适用于克隆的元素

时间:2018-11-28 15:18:27

标签: jquery

我确实有一个按钮来克隆输入字段。 更改自己的值后,此输入字段应在第二个字段中触发一个值。

但是问题在于它仅对第一个有效,而对克隆的无效。

$(".products:last #automenge").on("change", function() {});

确实可以更改last这样的值:

$(".products:last #autopreisges").val(gesamptpreis);

但是更改功能似乎无法正常工作。

现在可以正常工作了!

var products = $(".products").clone();

$('#clone-search').click(function() {
  var clonedRow = products.clone().insertAfter(".products:last").find(":input").val(this.value).end();

});

$(".products:last .clautomenge").on("change", function() {
  alert("wow");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="products">
  <input class="clautomenge" type="text" value="1" name="Menge[]" placeholder="Menge" required />
</div>

<button id="clone-search" class="formstylebutton" type="button">
    add one
</button>

小提琴:https://jsfiddle.net/awq7sy69/

0 个答案:

没有答案