GENERATE按钮点击后无法在textarea输出内容的问题求助

核心问题 #

GENERATE按钮失效的直接原因是表单默认提交行为未被阻止：
document.getElementById()仅支持传入单个ID参数，你写的document.getElementById('subbutton','upButton')实际只给PREVIEW按钮（subbutton）绑定了阻止提交的事件，点击GENERATE按钮（upButton）时会触发表单默认提交，页面刷新后生成的内容被清空，导致功能看起来失效。

另外displaySummary函数中存在未定义的checkboxesValues变量，会引发控制台报错（不影响GENERATE功能，但会破坏PREVIEW的完整输出）。

修复步骤 #

1. 阻止表单默认提交行为（关键修复） #

推荐直接给表单绑定submit事件，一次性阻止所有按钮触发的表单提交，代码更简洁：

window.onload=function(){
  document.getElementById('form').addEventListener('submit', function(ev){
    ev.preventDefault(); // 彻底阻止表单默认提交
  });
}

如果需要单独给按钮绑定，也可以这样写：

window.onload=function(){
  document.getElementById('subbutton').addEventListener('click', ev => ev.preventDefault());
  document.getElementById('upButton').addEventListener('click', ev => ev.preventDefault());
}

2. 修复PREVIEW功能的变量错误 #

删除displaySummary函数中未定义的checkboxesValues相关代码：

function displaySummary() {
  // ... 其他变量获取代码保持不变 ...
  
  var incDescription = '\n';
  incDescription += 'Incident Short Description             :' + insshortdesc + '\n';
  incDescription += 'Affected Features             :' + features + '\n';
  incDescription += 'Impacted Devices/Apps             :' + devices + '\n';
  // 移除下面这行未定义变量的代码
  // incDescription += 'Impacted Service         :' + checkboxesValues.join(', ') + '\n';
  document.getElementById('incDescription').innerText = incDescription;
  
  // ... 其余代码保持不变 ...
}

修复后验证 #

修改完成后，点击GENERATE按钮，下拉框组合的文本会正常填入resultTextarea，同时页面不会刷新；PREVIEW功能也能正常输出完整内容。

内容的提问来源于stack exchange，提问作者jugar