Próbuję wydrukować wybierz na liście rozwijanej wielokrotnej, ale wydrukuje tylko dwa słowa (Chennai i IOS-XE, Bangalore i IOS-XR) nie mogły wydrukować pozostałych słów Czy ktoś może mi pomóc naprawić to?

Wymagane dane wyjściowe:

Jeśli wybrałem Chennai + IOS-XE ---> Wyjście: Chennai i IOS-XE

Else, jeśli Bangalore + iOS-XR ---> Wyjście: Bangalore i IOS-XR

Else, jeśli Chennai + IOS-XR ---> Wyjście: Chennai i IOS-XR

Else, jeśli Bangalore + ios-Xe ---> Wyjście: Bangalore i 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>
0
pragalath msp 1 sierpień 2020, 14:50

2 odpowiedzi

Najlepsza odpowiedź

Oświadczenie else nie może zawierać kontroli stanu.

Musisz zmienić logikę do następujących:

if (x == 'a1') {
  document.write("A SELECTED");
}
else if (x == 'b1'){
//   ^  added this :)
  document.write("B SELECTED");
}
1
Labu 1 sierpień 2020, 11:57

else nie powinien mieć żadnych warunków, jeśli chcesz użyć kondycji, powinieneś użyć else if:

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

Albo możesz użyć ogólnego else dla wszystkich innych przypadków:

else {
    // Your statement
}
1
Had1z 1 sierpień 2020, 11:57