提问者:小点点

如何在javascript中使用带有多个下拉列表的if else语句?


我正在尝试打印多个下拉列表中的选择,但是只打印了两个单词(CHENNAI和IOS-XE,BANGALORE和IOS-XR)无法打印剩余的单词,有人能帮我解决这个问题吗?

所需输出:

如果我选择Chennai+IOS-XE---->; 输出:CHENNAI和IOS-XE

如果班加罗尔+IOS-XR---->; 输出:BANGALORE和IOS-XR

如果Chennai+IOS-XR---->; 输出:CHENNAI和IOS-XR

如果班加罗尔+IOS-XE---->; 输出:班加罗尔和IOS-XE

<html>
<body>
  <p>SELECT THE REGION </p>
  <select id="choose">
    <option value="a1">CHENNAI</option>
    <option value="b1">BANGALORE</option>
  </select></p>
  
  <p>SELECT THE ROUTER TYPE </p>
  <select id="choose1">
    <option value="a2">IOS-XE</option>
    <option value="b2">IOS-XR</option>
  </select></p>
  
  <button onclick="button()">CLICK</button>

  <script>
    function button() {
      var x = document.getElementById("choose").value;
      var y = document.getElementById("choose1").value;
      if (x == 'a1' || y == 'a2' ) {
        document.write("CHENNAI AND IOS-XE");
      }
      else if (x == 'b1' || y == 'b2'){
        document.write("BANGALORE AND IOS-XR");
      }
      else if (x == 'a1' || y == 'b2'){
        document.write("CHENNAI AND IOS-XR");
      }   
      else if (x == 'b1' || y == 'a2'){
        document.write("BANGALORE AND IOS-XE");
      }       
    }
  </script>
</body>
</html>

共2个答案

匿名用户

else语句不能包含条件检查。

您需要将逻辑更改为以下内容:

if (x == 'a1') {
  document.write("A SELECTED");
}
else if (x == 'b1'){
//   ^  added this :)
  document.write("B SELECTED");
}

匿名用户

else中不应包含任何条件,如果要对其使用条件,则应使用else if:

else if ( x == 'b1' ) {
    // Your statement
} 

也可以对所有其他情况使用常规的else:

else {
    // Your statement
}