Question

我绊倒一切可能都是微不足道的事，遗憾的是不适合我。在我的最小html中，有一个带有提交的表单，它带有一个数字，并添加了一个带有提交按钮的新表单。一切正常，但是当我推送添加的表单时，没有任何反应。我究竟做错了什么。这是一个最小的例子：

double

$(document).ready(function() {

  $("#AnzWertungen").submit(function(event) {
    alert('Test');
    var anzWertungen = parseInt($("#anzWert").val());
    for (var n = 1; n < anzWertungen + 1; n++) {
      var row5 = $('<form id="Wert' + n + '"><input type="text" class = "5Pkt' + n + '"  placeholder="5 Pkt"/><input type="submit"  value="GO Wertung ' + n + '"></input> </form>');
      $('.page').append(row5);
    }
    event.preventDefault();
  });

  $("#Wert1").submit(function(event) {
    alert('Test');
    event.preventDefault();
  });
});

我本来期待这个警报。任何帮助表示赞赏。中号

Answer 1

我认为问题在于您在第二个表单存在之前尝试添加事件处理程序。在将新表单添加到DOM之后，您应该添加事件处理程序。

$(document).ready(function() {

  $("#AnzWertungen").submit(function(event) {
    alert('Test');
    var anzWertungen = parseInt($("#anzWert").val());
    for (var n = 1; n < anzWertungen + 1; n++) {
      var row5 = $('<form id="Wert' + n + '"><input type="text" class = "5Pkt' + n + '"  placeholder="5 Pkt"/><input type="submit"  value="GO Wertung ' + n + '"></input> </form>');
      $('.page').append(row5);
    }
    event.preventDefault();

    $("#Wert1").submit(function(event) {
      alert('Test');
      event.preventDefault();
    });
  });
});

提交活动无效

1 个答案: