如何在JavaScript的copy_Power_Plant()函数中正确编写if else语句

我来帮你搞定这个问题！你当前的copy_Power_Plant()函数只处理了Yes的情况，不仅缺少对No和Unclear的逻辑判断，还存在字符串引号未闭合的语法问题，这就是它无法正常工作的核心原因。

修正后的copy_Power_Plant()函数 #

function copy_Power_Plant(){ 
  // 获取Power_Plant下拉框的选中值
  var pp = document.getElementById("Power_Plant").value; 
  // 严格判断每个选项值，并设置对应的显示文本
  if(pp === 'Yes'){ 
    document.getElementById("label_Power_Plant").innerHTML = '+ Power Plant';
  } else if(pp === 'No'){
    document.getElementById("label_Power_Plant").innerHTML = '- No Power Plant Required';
  } else if(pp === 'Unclear'){
    document.getElementById("label_Power_Plant").innerHTML = '? Power Plant Status Unclear';
  }
}

关键修改点说明 #

• 补充了else if分支，完整覆盖Yes/No/Unclear三种选项的处理逻辑
• 使用===严格相等运算符，避免类型转换导致的判断错误
• 修复了字符串引号未闭合的语法错误（你原代码里'+ Power Plant'末尾少了单引号）
• 给每种情况设置了清晰的显示文本，你可以根据实际需求自定义这些文本内容

完整的可运行代码 #

<!DOCTYPE html> 
<html> 
<body> 
<script> 
function copy_Type_Mount() { 
  document.getElementById("label_Type_Mount").innerHTML = document.getElementById("Type_Mount").value+" AC Units ";
}
function copy_No_Units() { 
  document.getElementById("label_No_Units").innerHTML = document.getElementById("No_Units").value;
}
function copy_Size(){ 
  document.getElementById("label_Size").innerHTML = document.getElementById("Size").value+ " HP ";
}
// 修正后的Power Plant处理函数
function copy_Power_Plant(){ 
  var pp = document.getElementById("Power_Plant").value; 
  if(pp === 'Yes'){ 
    document.getElementById("label_Power_Plant").innerHTML = '+ Power Plant';
  } else if(pp === 'No'){
    document.getElementById("label_Power_Plant").innerHTML = '- No Power Plant Required';
  } else if(pp === 'Unclear'){
    document.getElementById("label_Power_Plant").innerHTML = '? Power Plant Status Unclear';
  }
}
</script>
<font id="label_No_Units"></font>&nbsp;<font id="label_Type_Mount"></font><font id="label_Size"></font><font id="label_Power_Plant"></font><br>
<p1>Type of Mount:</p1><br>
<select id="Type_Mount" name="Type_Mount" onchange="copy_No_Units();copy_Type_Mount();copy_Size();copy_Power_Plant();" required>
<option value="Wall Mount">Wall Mount</option>
<option value="Ceiling Mount">Ceiling Mount</option>
</select><br><br>
<p1>Number of Units:</p1><br>
<select id="No_Units" name="No_Units" onchange="copy_No_Units();copy_Type_Mount();copy_Size();copy_Power_Plant();" required>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<br>
<br>
<p1>Size (H/P):</p1><br>
<select id="Size" name="Size" onchange="copy_No_Units();copy_Type_Mount();copy_Size();copy_Power_Plant();" required>
<option value="1">1</option>
<option value="1.5">1.5</option>
<option value="2">2</option>
<option value="2.5">2.5</option>
</select>
<br>
<br>
<p1>Power Plant Installation Required?</p1><br>
<select id="Power_Plant" name="Power_Plant" onchange="copy_No_Units();copy_Type_Mount();copy_Size();copy_Power_Plant();" required>
<option value="Yes">Yes</option>
<option value="No">No</option>
<option value="Unclear">Unclear</option>
</select>
<br>
<br>
</body> 
</html>

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