layui 动态添加表单元素及删减

动态添加表单元素可以使用layui的form模块中的`form.render()`方法，具体步骤如下：

1. 给添加按钮绑定点击事件，点击时执行添加操作。
2. 在添加操作中，先获取已有的表单元素数量，然后通过jQuery或原生js动态创建一个新的表单元素，例如：

<div class="layui-form-item">
  <label class="layui-form-label">名称</label>
  <div class="layui-input-block">
    <input type="text" name="name[]" required lay-verify="required" placeholder="请输入名称" autocomplete="off" class="layui-input">
  </div>
</div>

3. 将新创建的表单元素添加到表单中，并调用`form.render()`方法进行渲染，例如：

// 添加操作
$("#addBtn").click(function() {
  var count = $("input[name='name[]']").length;
  var html = '<div class="layui-form-item"><label class="layui-form-label">名称</label><div class="layui-input-block"><input type="text" name="name[]" required lay-verify="required" placeholder="请输入名称" autocomplete="off" class="layui-input"></div></div>';
  $(".layui-form").append(html);
  form.render();
});

动态删除表单元素可以使用jQuery或原生js的`remove()`方法，例如：

// 删除操作
$(".delete-btn").click(function() {
  $(this).parents(".layui-form-item").remove();
  form.render();
});

其中，`.delete-btn`是删除按钮的类名，通过`parents(".layui-form-item")`方法找到需要删除的表单元素的父级元素。删除后记得调用`form.render()`方法重新渲染表单。