从动态多维表单中获取

// 假设表单的HTML结构如下：
<form id="dynamic-form">
  <div id="fields-container">
    <!-- 动态添加的字段将被插入到这里 -->
  </div>
  <button id="add-field-btn">添加字段</button>
  <button id="submit-btn">提交</button>
</form>

<script>
  // 初始化字段计数器
  let fieldCount = 0;

  // 添加字段按钮点击事件
  document.getElementById('add-field-btn').addEventListener('click', function() {
    // 创建新的字段元素
    const field = document.createElement('input');
    field.type = 'text';
    field.name = 'field' + fieldCount; // 使用计数器作为字段名称
    field.placeholder = '字段' + fieldCount;
    
    // 将字段元素插入到字段容器中
    document.getElementById('fields-container').appendChild(field);
    
    // 增加字段计数器
    fieldCount++;
  });

  // 提交按钮点击事件
  document.getElementById('submit-btn').addEventListener('click', function(e) {
    e.preventDefault(); // 阻止表单默认提交行为
    
    // 获取表单元素
    const form = document.getElementById('dynamic-form');
    
    // 获取表单中所有字段的值
    const formData = new FormData(form);
    
    // 将字段值转换为对象格式
    const data = {};
    for (let [key, value] of formData.entries()) {
      data[key] = value;
    }
    
    // 在控制台打印字段值
    console.log(data);
    
    // 可以将数据发送到后端进行进一步处理或保存
    // ...
  });
</script>