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

洗手液

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

所需输出:

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

否则,如果BANGALORE + IOS-XR --->输出:BANGALORE和IOS-XR

否则,如果CHENNAI + IOS-XR --->输出:CHENNAI和IOS-XR

否则,如果BANGALORE + IOS-XE --->输出: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>

您的对else帐单不能包含条件检查。

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在多个下拉列表中使用相同的JavaScript函数

如何在具有 CASE 语句的 SQL 中使用 PreparedStatement

如何在 R 中使用带有列表的 if 语句

SQL Server:如何在where子句的case语句中使用具有多个变量的变量

如何在php的sql语句中使用下拉列表的值

如何在具有多个部分的TableView中使用searchBar?

如何使用带有if else语句的javscript显示多个下拉列表?

如何在if语句中使用多个“not in”?

如何在cond中使用多个语句?

如何在不具有多个属性的语义UI下拉列表中显示占位符?

如何在 python 中使用 Selenium 包单击多个复选框和下拉列表?

如何在Python中使用Selenium从站点下载多个文件以选择下拉列表的每个选项

如何在Java8中使用Lambda收集在多个列表中具有相同索引的元素

如何使用 JSON 文件开发具有多个下拉列表的现场产品过滤程序?

如何在虚拟化列表中使用选择下拉列表?

在使用 javascript 和 ajax 时,如何在 forloop(laravel) 中使用许多动态下拉列表?

如何在具有多个下拉列表的文本区域中的select中插入值,并使用相同的类名进行选择

在If语句中使用下拉列表选择

我如何在 javascript 中使用 this.value 从下拉列表中检查特定值

如何在javascript中使用二维数组填充下拉列表

如何在Emberjs中使用Bootstrap JavaScript插件(下拉列表,模式)

如何在Angular 9中使用带有选定值的选择下拉列表

如何在 Python 中使用 Beautiful Soup 解析下拉列表并获取 pdf 的所有链接?

如何在 C# 中具有整数返回类型的用户定义方法中使用 return 语句返回多个整数值?

如何在具有多个输出的 Invoke-Command 中使用多个命令

如何在具有大于条件的 Select 语句上在 mySQL 中使用 OR?

如何在导航栏中使用多个下拉菜单?

如何在 jquery 中使用多个下拉菜单

如何在命名范围内具有多个if语句