Question

我的jQuery问题和验证问题。

这是我的代码：

var fielddd = 1;
$(document).on('click', '.btn.add-field', function() {
  fielddd++;
  $('#newfield').append('<textarea class="from-control" name="somename[]" id="field_' + field + '"></textarea>' + '<button class="btn add-field">add</button>' + '<textarea class="from-control" name="somename2[]" id="field_' + field + '"></textarea>');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row">
  <textarea class="from-control"  name="somename[]" id="field"></textarea>
  <button class="btn add-field">add</button>
  <textarea class="from-control" name="somename2[]" id="field"></textarea>
</div>
<div class="row" id="newfield">
  <!-- new textarea -->
</div>

问题是我有一个验证，我有一个按钮提交，在检查一个字段为空后，代码生成和重定向，并在此重定向到同一页面后，以便用户可以在{{1 }}。但在此重定向之后，用户添加的字段为 textarea 。

我该如何解决？

Answer 1

您在每个textarea中使用相同的ID。 Id必须是唯一的。你错误地使用＆＃34; field＆＃34;必须用＆＃34; fielddd＆＃34;正在增加。

＆＃13;

var fielddd = 1;
$(document).on('click', '.btn.add-field', function() {
  fielddd++;
  $('#newfield').append('<textarea class="from-control" id="field_' + fielddd + '"></textarea>' + '<button class="btn add-field">add</button>' + '<textarea class="from-control" id="field_' + fielddd + '"></textarea>');
});

＆＃13;

验证后的jQuery动态字段正在消失

1 个答案: