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

Question

我正在尝试在多个下拉列表中打印 select，但仅打印两个单词（CHENNAI 和 IOS-XE、BANGALORE 和 IOS-XR）无法打印剩余的单词有人可以帮我解决这个问题吗？

所需 Output：

如果我 select 钦奈+IOS-XE ---> output：钦奈和 IOS-XE

否则，如果班加罗尔+IOS-XR ---> output：班加罗尔和 IOS-XR

否则如果 CHENNAI+IOS-XR ---> output: CHENNAI 和 IOS-XR

否则如果 BANGALORE+IOS-XE ---> output: BANGALORE 和 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>

Answer 1

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

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

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

Answer 2

else里面不应该有任何条件，如果你想为它使用条件，你应该使用else if ：

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

或者您可以在所有其他情况下使用一般else ：

else {
    // Your statement
}

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

问题描述

2 个解决方案

解决方案1
1 已采纳 2020-08-01 11:57:22

解决方案2
1 2020-08-01 11:57:28

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

问题描述

2 个解决方案

解决方案1 1 已采纳 2020-08-01 11:57:22

解决方案2 1 2020-08-01 11:57:28

解决方案1
1 已采纳 2020-08-01 11:57:22

解决方案2
1 2020-08-01 11:57:28