js动态生成调查问卷表单

好的，生成调查问卷表单可以通过JavaScript来实现。下面是一个简单的示例代码：

HTML：

<form id="survey-form">
  <label for="name">您的姓名：</label>
  <input type="text" id="name" name="name"><br>

  <label for="age">您的年龄：</label>
  <input type="number" id="age" name="age"><br>

  <label for="gender">您的性别：</label>
  <select id="gender" name="gender">
    <option value="male">男</option>
    <option value="female">女</option>
  </select><br>

  <label for="feedback">您对本次调查有何建议或意见：</label>
  <textarea id="feedback" name="feedback"></textarea><br>

  <button type="submit">提交</button>
</form>

JavaScript：

// 获取表单元素
const form = document.getElementById('survey-form');

// 动态生成问题
const questions = [
  '您对本次活动的满意度如何？',
  '您对本次活动的组织和安排是否满意？',
  '您觉得本次活动有哪些可以改进的地方？'
];

questions.forEach((question, index) => {
  // 创建标签元素
  const label = document.createElement('label');
  const input = document.createElement('input');

  // 设置元素属性
  label.setAttribute('for', `question${index}`);
  label.innerText = `${index+1}. ${question}`;
  input.setAttribute('type', 'text');
  input.setAttribute('id', `question${index}`);
  input.setAttribute('name', `question${index}`);

  // 添加元素到表单中
  form.appendChild(label);
  form.appendChild(input);
});

// 提交表单
form.addEventListener('submit', (event) => {
  event.preventDefault(); // 阻止默认提交行为
  const formData = new FormData(form); // 获取表单数据
  console.log(formData); // 输出表单数据
});

这个示例代码可以动态生成多个问题，并且获取用户填写的表单数据。你可以根据需要对表单进行更改和扩展。