JS制作简单问卷方法教程

  
简易问卷调查

  

    
1. 您的年龄？
     18以下

     18-30

     31-50

     50以上
  

  

    
2. 您对本站的满意度如何？
    
      请选择
      非常满意
      满意
      一般
      不满意
    
  

  

    
3. 您的建议？
    
  

  提交问卷

document.getElementById("surveyForm").addEventListener("submit", function(e) {
  e.preventDefault(); // 阻止页面刷新

  const resultDiv = document.getElementById("result");
  const formData = new FormData(this);

  let output = "
提交成功！您的回答：
";
  
  for (let [key, value] of formData.entries()) {
    if (value) {
      output += `
${key}：${value}
`;
    }
  }
  output += "
";

  resultDiv.innerHTML = output;
});

function createSurvey() {
  const container = document.body;
  const form = document.createElement("form");
  form.innerHTML = `
    
您喜欢JS吗？
     是
     否
    提交
  `;

  form.addEventListener("submit", function(e) {
    e.preventDefault();
    alert("感谢参与！您选择了：" + new FormData(form).get("like"));
  });

  container.appendChild(form);
}

createSurvey(); // 调用函数生成问卷